Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/purwar1997/shopease
An ecommerce platform designed to provide a seamless shopping experience to users.
https://github.com/purwar1997/shopease
axios ecommerce json-server react-router-v6 reactjs redux-thunks redux-toolkit tailwind-css
Last synced: about 1 month ago
JSON representation
An ecommerce platform designed to provide a seamless shopping experience to users.
- Host: GitHub
- URL: https://github.com/purwar1997/shopease
- Owner: purwar1997
- Created: 2023-01-09T08:15:19.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2024-11-10T19:22:23.000Z (about 1 month ago)
- Last Synced: 2024-11-10T20:25:37.869Z (about 1 month ago)
- Topics: axios, ecommerce, json-server, react-router-v6, reactjs, redux-thunks, redux-toolkit, tailwind-css
- Language: JavaScript
- Homepage: http://shopease.shubhampurwar.in
- Size: 1.17 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Shopease
## 0. Table of Contents
1. [Overview](#1-overview)
2. [Live Demo](#2-live-demo)
3. [Live Link](#3-live-link)
4. [Main Features](#4-main-features)
5. [Advance Features](#5-advance-features)
6. [Tools and technologies used](#6-tools-and-technologies-used)
## 1. Overview
Shopease is an e-commerce platform designed to provide a seamless shopping experience to users. With a vast selection of products ranging from electronics and fashion to home goods and beauty products, Shopease aims to cater to all your shopping needs in one location.
## 2. Live Demo
To watch the **live demo video** of Shopease, click on the image below.
[](https://www.youtube.com/watch?v=HeXJUXfqkX8)
## 3. Live Link
Shopease is deployed on DigitalOcean droplet using Nginx as a web server. **Live link** of the deployed project - [click here](http://shopease.shubhampurwar.in).
## 4. Main Features
- Authentication
- User signup
- User login
- User logout
- Cart management
- Add item to cart
- Remove item from cart
- Update item quantity
- Clear cart
- Wishlist management
- Add item to wishlist
- Remove item from wishlist
- Clear wishlist
- Manage addresses
- Add new address
- Update an address
- Delete an address
- Set an address as default
- Profile management
- Update profile - first name, last name, phone, password
- Delete account
- Products
- Filter by category, brand and rating
- Sort by rating, newly added, price-low to high and price-high to low
- View order history
- Admin panel
- Product management
- Add new product
- Update product details
- Delete a product
- Filter and sort products
- User management
- Update user role
- Delete a user
- Order management
- Update order status
- Delete an order
- Sort orders by amount - asc or desc
## 5. Advance Features
- Pagination to render large lists of products, orders and users
- Sanitization and validation of data entered in React Forms
- Lazy loading to import bundles only when they are required, thereby reducing the initial bundle size
- Memoization of React components and expensive calculations
- Best practices of React and Redux to minimize unnecessary re-renders
- Custom hooks to handle modals and dropdowns
## 6. Tools and technologies used
- Create React App to initialize React project
- Tailwind CSS to style UI components
- React Router v6 to implement client-side routing
- Redux to save global state in an external store
- Redux Thunks to fetch data from APIs and save it in a Redux store
- Axios client to send HTTP requests
- JSON Server as a mock backend to serve incoming API requests
- Configured PM2 to keep JSON Server running as a daemon process to ensure availability
- Morgan to log information about HTTP requests
- Deployed on DigitalOcean droplet using Nginx as a web server