Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/complexlity/ecommerce-site
Online store application created with React
https://github.com/complexlity/ecommerce-site
material-ui react react-router redux redux-toolkit tailwindcss typescript vite
Last synced: 22 days ago
JSON representation
Online store application created with React
- Host: GitHub
- URL: https://github.com/complexlity/ecommerce-site
- Owner: Complexlity
- Created: 2022-12-11T15:30:44.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-01-16T15:14:24.000Z (almost 2 years ago)
- Last Synced: 2024-11-26T12:15:10.020Z (about 2 months ago)
- Topics: material-ui, react, react-router, redux, redux-toolkit, tailwindcss, typescript, vite
- Language: TypeScript
- Homepage: https://complexlity-ecommerce-site.vercel.app/
- Size: 5.63 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# e-Commerce Website
Online store application with key shopping site features
[Live Demo](https://complexlity-ecommerce-site.vercel.app/) :point_left:![Online Store Homepage](/public/assets/readme-img.png)
![Onlline Store Products page](/public/assets/readme-img2.png)## Features
- Theming (Light and Dark mode)
- Client-side routing
- Add items to cart
- Remove items from cart
- Update prices accordingly## New Feature Alert!!
For better description of the code clone the `with-comments` branch
### FAQs
Question: Why not merge to the `main` branch
Answer: I personally believe in writing clean codes and try as much as possible to make it self explanatory. But for the sake of reaching beginner levels I have made this new branch
## Technologies used
- TypeScript
- React
- Redux toolkit
- React-router
- React-icons
- Material-UI
- TailwindCSS## Geting started
### Clone repository
```
git clone https://github.com/Complexlity/eCommerce-site.git
cd eCommerce-site
```### Install dependencies
```
npm install
```### Start Application
```
npm run dev
```Open the link show on the terminal in a browser (Usually `http://localhost:5173`)