ecommerce-platform Tailwind Templates

Ecommerce Platform

Comprehensive E-commerce Platform using Vite, React.js, Redux Toolkit, React Router, API, Tailwind CSS, Formik, Yup and more

E-commerce Platform

I'm excited to share one of the key projects I built during my journey in the Front-end Web Development Bootcamp at Sprints. This Comprehensive E-commerce platform was a fantastic opportunity to put my skills into practice and push my understanding of modern front-end technologies to the next level!

šŸ’» Tech Stack:

  • ⚔ Vite for lightning-fast development.
  • āš›ļø ReactJS for building dynamic UI components.
  • šŸ› ļø Redux Toolkit for state management.
  • šŸ“‹ Formik & Yup for smooth form handling and validation.
  • šŸŽØ TailwindCSS for sleek, responsive styling.
  • 🌐 API integration with fakestoreapi.com for fetching products and orders.
  • šŸ›’ localStorage to persist shopping cart, new products, and order data.

🌟 Key Features:

  • āœ… Home Page: Displays products in a user-friendly grid view with filtering, sorting, the ability to add new products in a Modal and the ability to edit or delete new products (CRUD operations).

  • āœ… Cart Page: Manage shopping cart items, adjust quantities, and review a detailed checkout summary.

  • āœ… Checkout Page: Multistep checkout forms for a smooth and secure shopping experience.

  • āœ… Order History: A dedicated page where users can view their past orders.

This project was a significant milestone in improving my front-end development skills!

Demo: https://engrbassel.github.io/ecommerce-platform

Top categories

Loading Svelte Themes