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: 6 days 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 (over 2 years ago)
- Default Branch: master
- Last Pushed: 2024-11-10T19:22:23.000Z (8 months ago)
- Last Synced: 2024-11-10T20:25:37.869Z (8 months 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. [Main Features](#2-main-features)
3. [Advance Features](#3-advance-features)
4. [Tools and technologies used](#4-tools-and-technologies-used)
5. [Live Deployment](#5-live-deployment)
6. [Demo Video](#6-demo-video)
## 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. Main Features
- Authentication - signup, login, logout
- Cart management
- Add item to cart
- Remove item from cart
- Update item quantity in cart
- 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 the default
- Profile management
- Update profile - first name, last name, phone, password
- Delete account
- Products
- Filter by categories, brands 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
## 3. 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 using memo function and useMemo hook
- Best practices of React and Redux to minimize unnecessary re-renders
- Custom hooks to handle components like modals and dropdowns
## 4. 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
- Morgan to log information about HTTP requests
- Deployed on a DigitalOcean Droplet using Nginx as a web server
- Configured PM2 to keep JSON Server running as a daemon process to ensure availability
## 5. Live Deployment
Shopease is deployed on a DigitalOcean Droplet using Nginx as a web server and is linked to a custom domain. To visit the live deployment, [click here](http://shopease.shubhampurwar.in).
## 6. Demo Video
Demo video of the project is uploaded on youtube. To watch the demo video, [click here](https://youtu.be/AXzd7vaG-7Q).
[](https://youtu.be/AXzd7vaG-7Q)