https://github.com/mostafa-kheibary/e-commerce-shop
Its fully fuctional ecommerce shop using React and FireBase, and you can log in to your account easily by google/phone and buy fake product !
https://github.com/mostafa-kheibary/e-commerce-shop
e-commerce-project firebase js react
Last synced: 3 months ago
JSON representation
Its fully fuctional ecommerce shop using React and FireBase, and you can log in to your account easily by google/phone and buy fake product !
- Host: GitHub
- URL: https://github.com/mostafa-kheibary/e-commerce-shop
- Owner: mostafa-kheibary
- Created: 2022-05-08T18:44:39.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-05-22T07:46:07.000Z (about 2 years ago)
- Last Synced: 2025-02-28T13:18:20.990Z (4 months ago)
- Topics: e-commerce-project, firebase, js, react
- Language: TypeScript
- Homepage: https://e-commerce-shop-jet.vercel.app/
- Size: 1.96 MB
- Stars: 28
- Watchers: 2
- Forks: 7
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
E-commerce Shop
Its fully fuctional ecommerce shop using React and FireBase, and you can log in to your account easily by google/phone and buy fake product !
this is part of my personal practice, ⭐ please give this repo star ⭐
> **_NOTE :_** this project build for personal practice and its not real business
#### I use :
> react , react router , framer motion , context and reducer for state manageing ,
> firebase as main backend service (auth , database)
## ✔ Features
- authentication with phone number / google auth
- privet route
- fully responsive
- shoping cart (save in local storage)
- buy product (not actual product)
- order history (show orders of each user)
- discount copon system (editable in data/copon.json)
- edit profile, email , name
- log out and delete acount
- custom hook for handling form, toast, local, intersection observer, storage, authorization
- infinite scroll for products
## ✨ upcomming features
- [ ] quick product review
- [ ] open each order
- [ ] add product to favourite list
- [ ] compare two product together
## 🌴 Directory tree
```bash
|-- public
|-- src
| |-- Layout
| |-- assets
| | |-- image
| | |-- svg
| |-- components
| |-- config
| |-- context
| |-- data
| |-- hook
| |-- page
| |-- routes
| |-- style
| |-- types
```
## 🚀Getting Started
1. Clone the project
```bash
git clone https://github.com/mostafa-kheibary/e-commerce-shop
```
2. Install project dependencies
```bash
npm install
#or
yarn add
```
3. run the project
```bash
npm start
#or
yarn start
```
4. opne localhost:3000 to see the project