Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/engrbassel/ecommerce-platform
Comprehensive E-commerce Platform using Vite, React.js, Redux Toolkit, React Router, API, Tailwind CSS, Formik, Yup and more
https://github.com/engrbassel/ecommerce-platform
api formik react-router reactjs redux-toolkit tailwindcss vite yup
Last synced: 18 days ago
JSON representation
Comprehensive E-commerce Platform using Vite, React.js, Redux Toolkit, React Router, API, Tailwind CSS, Formik, Yup and more
- Host: GitHub
- URL: https://github.com/engrbassel/ecommerce-platform
- Owner: engrBassel
- Created: 2024-09-12T14:16:39.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2024-09-19T19:27:25.000Z (about 2 months ago)
- Last Synced: 2024-09-26T03:05:40.881Z (about 2 months ago)
- Topics: api, formik, react-router, reactjs, redux-toolkit, tailwindcss, vite, yup
- Language: JavaScript
- Homepage: https://engrbassel.github.io/ecommerce-platform/
- Size: 174 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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
