Welcome To Gadgets Shop

Overview

This project is a fully functional e-commerce website for selling gadgets, complete with an admin panel for managing products, users, and orders.

Live Link

https://e-commerce-shop-88710.web.app/

Features

• User Management

  • User Sign In & Sign Up system
  • Logout functionality
  • Reset password functionality
  • Profile management
  • Role based access

  Dashboard

  • User

    • User Profile
    • User Home
    • User Cart
    • User Payment History

  • Admin

    • Admin Profile
    • Admin Home
    • Add product
    • All product
    • All users

• Product Management

  User

  • Search for product
  • See all product in organized pages
  • See specific product details
  • Add product to cart
  • Manage Cart

  Admin

  • Manage All product
  • Add product
  • Update product
  • Delete product
  • See product details

Order Management

• Place Order
• Payment
• Payment history

Admin Panel

• Admin Home (Admin Stats, sales , revenue)
• Manage all product (Add product , edit product , delete product)
• Manage User (Make admin , Delete User)

Tech Stack

• Frontend

  • HTML , CSS

  • Java Script

  • React Js

  • React Router DOM

  • Google Firebase

  • Tailwind CSS

  • Packages

  • Daisy UI

  • Mamba UI

  • Axios

  • Moment Js

  • React Helmet

  • Rect Icons

  • Rect Phone Number Input

  • React Rating Stars Component

  • Recharts

  • Sweet Alert2

  • Stripe Js

• Backend

  • Node Js
  • Express Js
  • Mongo DB

  • Packages

  • Json Web Token
  • Cors
  • Dotenv
  • Stripe Js
  • Cookie Parser

Deployment

• Frontend (firebase)
• Backend (Vercel CLI)

Starts

$ npm install

Environment Variables

• Frontend

  • VITE_APIKEY
  • VITE_AUTHDOMAIN
  • VITE_PROJECTID
  • VITE_STORAGEBUCKET
  • VITE_MESSAGINGSENDERID
  • VITE_APPID
  • VITE_IMAGE_HOSTING_API_KEY
  • VITE_PAYMENT_PK

• Backend

  • DB_USER
  • DB_PASS
  • VERIFICATION_TOKEN
  • SK_Payment