https://github.com/mini-sylar/react-e-commerce
Frontend for react-e-commerce template
https://github.com/mini-sylar/react-e-commerce
api express frontend javascript react reactjs vite web
Last synced: 11 months ago
JSON representation
Frontend for react-e-commerce template
- Host: GitHub
- URL: https://github.com/mini-sylar/react-e-commerce
- Owner: Mini-Sylar
- Created: 2023-04-07T10:45:23.000Z (about 3 years ago)
- Default Branch: main-jwt
- Last Pushed: 2024-09-25T17:54:11.000Z (over 1 year ago)
- Last Synced: 2025-04-01T23:52:12.022Z (about 1 year ago)
- Topics: api, express, frontend, javascript, react, reactjs, vite, web
- Language: JavaScript
- Homepage: https://react-e-commerce-sigma.vercel.app
- Size: 723 KB
- Stars: 13
- Watchers: 1
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React-e-commerce
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](https://github.com/Mini-Sylar/react-e-commerce-backend))
# Getting Started
- Clone this repo
- run ```npm install```
- run ```npm run dev```
# Example Deployment
Simple React-E-Commerce Frontend
## Advantages
- **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
## What you get
- 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
## What it doesn't have
- 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](https://github.com/Mini-Sylar/react-e-commerce/tree/main)**
## Things to note
- When running on localhost vite uses ```.env.development``` to connect to your backend (which must be running, more info here 👉 [React E-Commerce-Backend With JWT](https://github.com/Mini-Sylar/react-e-commerce/tree/main-jwt)) . Update it when needed
- In production mode, ```.env.production``` will be used instead.
# Contributions
Contributions are always welcome,
# Licence
This template is released under the MIT License. Feel free to use it for personal or commercial projects.
You may credit me as well 😊