Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/aftabdotorg/e-bazaar
A fully responsive Ecommerce website with CRUD functionality.
https://github.com/aftabdotorg/e-bazaar
express mongodb nodejs react redux responsive styledcomponents
Last synced: about 1 month ago
JSON representation
A fully responsive Ecommerce website with CRUD functionality.
- Host: GitHub
- URL: https://github.com/aftabdotorg/e-bazaar
- Owner: aftabdotorg
- Created: 2023-09-11T18:17:31.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-10-19T14:54:03.000Z (about 1 year ago)
- Last Synced: 2024-10-18T18:32:12.823Z (2 months ago)
- Topics: express, mongodb, nodejs, react, redux, responsive, styledcomponents
- Language: JavaScript
- Homepage: https://e-bazaar-front.vercel.app/
- Size: 2.91 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Ebzaar - "Everything at one place"
Ebazaar is an e-commerce responsive website with an elegant and pleasing user interface and seamless user-friendly user experience.
#### live-
#### api-
## Features
**Elegant UI:**
User-friendly UI with beautiful corousel, animations, zoom and hover effects Ebazaar has visually appealing design.
**Seamless UX :**
Users can seamlessly navigate between different pages and redirected to login for access to specific authorized routes.
**Sorting Products:**
Products can be sorted by clicking radio buttons based on price and ratings.
**Filtering Products:**
Products can be filtered by clicking checkboxes for personalized results.
**Cart:**
Products can be added, modified, and removed.
**Checkout:**
Last step for users to checkout is to fill and select shipping address and payment mode.
**Profile Page:**
Profile page displays details of users including Name, Email and addresses.
**Responsiveness:**
All the pages are Universally responsive to all devices for.
## Pages
- #### Open routes
- Home
- Products
- Login
- Sign up
- #### Authorised
- Profile
- Product Detail
- Cart
- Checkout
- Order Placed
## Teck Stack
- ### Frontend
- React
- Redux Toolkit
- React Router Dom
- Styled Components
- ### Backend
- MongoDB
- Express
- Node
- Mongoose
## Project Setup
- Clone entire project repo.
- **Setting up client :**
- `cd app`
- `npm install`
- `npm run dev`
- **Setting up server :**
- `cd server`
- `npm install`
- `npm run dev`
## Project Snapshots
### Login
### Sign up
### Home
### Products Page
### Product Detail page
` Authorized route `
### Cart page
` Authorized route `
### Checkout page
` Authorized route `
### Order placed page
` Authorized route `
### Profile Page
` Authorized route `
### Mobile view
### Home Mobile view
