README.md

ElectroShop

ElectroShop is an online platform that sells electronic items, including mobile phones, laptops, earbuds, earphones, smartwatches, and other gadgets.

Tech Stack

Front-end: React, Redux, TailwindCSS, Firebase

Back-end: Express, MongoDB, NodeJS

Install dependencies

Frontend

   npm i react-router-dom
   npm i react-icons
   npm i country-state-city
   npm i tailwindcss
   npm i firebase
   npm i react-router-dom
   npm i react-toastify
   Start the server

Backend

   npm i bcryptjs
   npm i cashfree-pg
   npm i cloudinary
   npm i cookie-parse
   npm i cors
   npm i crypto
   npm i dotenv
   npm i express
   npm i jsonwebtoken
   npm i mongoose
   npm i nodemailer
 Start the server

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
• payment Page
• Orders Page
• Admin Product page
• Admin User page
• Admin Orders 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
• Admin Get All Product
• Admin Create Product
• Admin Delete Product
• Admin Edit Product

ScreenShots

1. Homepage Page

2. Login Page

3. Register Page

4. Forget Password Page

5. My Profile Page

6. Update Profile Page

7. Product page

8. Product Details Page

9. Cart Page

10. Shipping Page

12. Payment Page

13. Orders Page

14. Track Orders Page

15. Admin Product Page

16. Admin User page

17. Admin Order Page