This project is a fully responsive e-commerce platform built with React 19, showcasing a sleek UI and smooth user experience. Users can browse dynamic product pages, manage a shopping cart, and enjoy advanced filtering. A unique checkout animation enriches interactivity. I implemented responsive design, reusable components, and state management using Context API. The site supports multiple product categories and is deployed on Vercel. Overall, this modern e-commerce site combines performance, clean aesthetics, and animation to provide a seamless shopping experience across all screen sizes.

Tech Stack

• React
• Tailwind
• Framer
• Vercel

Key Features

• Dynamic product pages rendered using React Router DOM.
• Integrated search and filter across all categories.
• Checkout button triggers animated truck loading.
• State managed using React's Context API system.

My Role

I designed and developed the front-end of this project from scratch. I handled layout structure, animation logic, component integration, and responsive design. I also worked with designers to translate wireframes into pixel-perfect UI.

Challenges & Solutions

The main challenge was using Context API and setting up dynamic routing, as it was my first complex project. Initially, I didn’t know how to structure the logic, but after exploring documentation and experimenting, I was able to implement both features successfully and gained confidence in React architecture.