This is a customizable e-commerce frontend designed to make it easy for student developers to build on top of.
Built using Vite, The template features a clean and modern design, with a clear and consistent folder structure that makes it easy to navigate the project.
In addition to the frontend there's an even simpler backend-template to handle all your requests (READ MORE)
- Clone this repo
- run
npm install - run
npm run dev
Simple React-E-Commerce Frontend
- Responsive design : Designed to be responsive on any device
- Customizable : Easy to expand on and add your own features, no fancy libraries are used, everything is purely react and es6 functions
- Clean project structure : Components are all seperated into their respective folders with their individual CSS files for easy styling
- Vite: Get your server started in a matter of seconds using vite
- A cart system: A store built using only useReducer, no redux or any other fancy state management system
- Cached cart: Cart data is cached using localforage
- Checkout: Adjust cart details and place orders here
- Routing: Page routing has been set up to easily navigate between pages
- Auth🔥: JWT authentication allowing the user to login and logout
- Modals🔥: Easy and customzizable modals
- Orders🔥: View orders, get details on when your order will be processed, cancel or report order
- SEO: This is primarily for educational purposes, if you need SEO, you would have to commit to that.
To see a stripped down version with no JWT see NO JWT
- When running on localhost vite uses
.env.developmentto connect to your backend (which must be running, more info here 👉 React E-Commerce-Backend With JWT) . Update it when needed - In production mode,
.env.productionwill be used instead.
Contributions are always welcome,
This template is released under the MIT License. Feel free to use it for personal or commercial projects.
You may credit me as well 😊