E-commerce

E-commerce is an Indian online store that specializes in selling a wide range of designer mobile phone cases, laptop sleeves, and other tech accessories

Tech Stack

Front-end: React, Redux, CSS

Back-end: Express, MongoDB, NodeJS

Install dependencies

Frontend

   npx create-react-app
   npm i @chakra-ui/react @emotion/react @emotion/styled framer-motion
   npm i country-state-city
   npm install @mui/material @emotion/react @emotion/styled
   npm install @mui/material @mui/styled-engine-sc styled-components
   npm i axios
   npm install --save chart.js react-chartjs-2
   npm i react-data-grid
   npm i react-material-ui-carousel
   npm i react-multi-carousel
   npm i react-redux
   npm i react-router-dom
   npm i redux
   npm i redux-thunk
   Start the server

Backend

   npm i body-parser
   npm i cloudinary
   npm i cookie-parser
   npm i cors
   npm i dotenv
   npm i express
   npm i express-fileupload
   npm i js-cookie
   npm i jsonwebtoken
   npm i mongoose
   npm i nodemailer
   npm i nodemon
   npm i validator

Deployment

Backend Deployment

https://cyclic.sh/

Frontend Deployment

https://vercel.com

Pages

• Home Page
• Login page
• Register page
• Forget The Password page
• Authentication and Authorization
• My Profile Page
• Update Profile page
• Product page
• Product Details Page
• Cart Page
• Shipping Details Page
• Shipping Info Page
• payment Page
• Orders Page
• Order Details Page
• Admin Dashboard page
• Admin Product page
• Admin Create a Product page
• Admin All Orders Page
• Admin All Users Page
• Admin All Reviews Page

Features

• Login
• Register
• Logout
• Forget Password
• Update Profile
• Search product
• Sorting & filter
• Add To Cart product
• check Out
• Shipping Details
• Payment Cart
• Order Product
• Order Details Product
• Add Product Review
• Admin Get All Product
• Admin Create Product
• Admin Delete Product
• Admin Edit Product

ScreenShots

1. Homepage

2. Login

3. Register

4. Forget Password

5. My Profile

6. Update Profile

7. Product page

8. Product Details Page

9. Cart Page

10. Shipping Details

11. Shipping Info

12. Payment Page

13. Orders Page

14. Order Details Page

15. Admin Dashboard

16. Admin Product page

17. Admin Create Product page

18. Admin All Orders Page

19. Admin All Users Page

20. Admin All Reviews Page