me
Hi there!
I'm Chanchal Rajput
a frontend developer who loves crafting pixel-perfect, accessible, and performant web interfaces.

I specialize in React, TypeScript and responsive design, with a keen eye for creating seamless user experiences across all devices.

Currently exploring Next.js and GraphQL for efficient data fetching to build faster, more scalable web applications.

Work Experience

Pixels to performance: My adventure in crafting user-centric web experiences. Here's a timeline of my journey.

Kodandam Software Solutions(Overdose Digital)

Software Engineer

Feb 2023 - Aug 2024
  • Implemented features on the PDP, PLP, and Cart page that enhanced the user interface, resulting in increased user engagement and conversion rates, contributing to the project's overall success.
  • Collaborated with cross-functional teams to integrate GraphQL for streamlined data fetching.
  • Designed and styled the UI using Tailwind CSS, focusing on responsive and visually appealing layouts, contributing to a modern and user-friendly interface.
  • Developed headless UI applications using Builder.io and Shopify, as well as a custom commercetools app, showcasing expertise in modern e-commerce systems.

Ringover

Frontend Developer Intern

Nov 2022 - Jan 2023
  • Built a dynamic chatbot customization platform enabling clients to personalize interface and capabilities.
  • Worked in a core development team. Coordinated with the backend team to build and develop the features.
  • Fixed bugs and performance bottlenecks for performance.

Cynfas

Frontend Developer Intern

Sept 2021 - Dec 2021
  • Created and maintained their official website - cynfas
  • Integrated social logins and created a website tracker for their site.
  • Wrote unit tests for the site and development of web pages that are static and dynamic.

Projects

Take a look at these projects where I've applied my frontend skills to create engaging user interfaces.

    Auto-linker-previewer

    Auto-linker-previewer - NPM Package

    • TypeScript
    • JavaScript
    • CSS

    A utility package that automatically converts URLs, email addresses, and mentions within text into clickable hyperlinks and generate preview links for the URLs

    Ipops Eyewear

    Ipops Eyewear - E-commerce App

    • React
    • React-router
    • Razorpay Integration
    • Breeze.css
    • Mock backend

    An E-commerce app for eyewear with features such as filter products, wishlist management, cart management, address management, payment integration, coupons and checkout

    Vivid

    Vivid - Social Media App

    • React.js
    • React-router
    • Redux-Toolkit
    • TailwindCSS
    • Mock backend

    A social media app with features such as create/edit/delete posts, follow users, like/comment on posts, view profiles, edit profile and save posts.

    Eligo

    Eligo - Packages Stats App

    • React
    • React-router
    • Material UI
    • Chart.js
    • NPM API
    • Github REST API

    A project using NPM API and Github API showing popular packages, its details and statistics. Using Eligo you can choose right package for your next project. It uses react-router, axios, chart.js, and Material UI.

Dive into my technical writings where I share insights and solutions.

Debounce vs Throttle in JS

Aug 24, 2022 ∙ 6 min read

In this article, we will discuss advanced and important topics of JavaScript - Debounce, and Throttle. These topics are asked in many JS interviews so I am going to discuss them in detail with examples so that you will ace these questions in your next interview...

Read article

Promise.all() Vs Promise.allSettled()

May 28, 2022 ∙ 4 min read

As a developer once in a while in your javascript journey you may have got confused between the promise methods. Today in this article, I am going to walk you through promise.all() and promise.allSettled() methods of promises. Familiarity with promises...

Read article

Vite: The New Frontend Build Tool

May 25, 2021 ∙ 4 min read

In this article, you will learn how simple it is to setup your application with Vite. You will also learn how fast Vite is, how to use it with react, and how much it gets out of your way when you are using it. Vite is a lightning-fast, frontend build tool that aims to improve...

Read article