Electro-Hub

• A Full Stack E-Commerce Gadget Website

🌐 Live Site: https://electro-hub-tau.vercel.app

🔧 Run the Project Locally

1️⃣ Clone the Repository:

  https://github.com/mohaiminul375/electro-hub
  cd electro-hub

2️⃣ Install Dependencies:

npm install

4️⃣ Set Up Environment Variables: Create a .env.local file in the root directory and add the necessary environment variables. (Important!)

5️⃣ Run the Application:

npm run dev -- --host

6️⃣ Access the Site: Open your browser and go to http://localhost:3000.

🚀 Features

👤 For Default User

1. Browse Products

• Users can view all available products on the platform.
• Products can be filtered by categories for easier navigation.

2. Add to Cart

• Users can add products to their cart.
• View and manage the cart before proceeding to checkout.

3. Secure Payment with SSLCOMMERZ

• Users can place orders by making secure payments via SSLCOMMERZ.
• Transactions are seamless and secure.

4. Order Tracking

• Users can track the status of their orders after placing them.
• Real-time updates on order progress.

5. Profile Management

• Users can update their profile information, including name, email, and contact details.
• Ensures a personalized shopping experience.

6. Chat with AI

• User can basic chat with AI bot live (chat base)

👑 For Admins

1. Product Management

   • Admins can add, edit, and delete products from the platform.
   • Admins can update product details such as title, description, price, and images.

2. Order Management

   • Admins can manage orders by processing and updating their status (e.g., pending, processed, shipped, delivered).
   • Admins can view detailed order information, including the items purchased and shipping details.

3. User Management

   • Admins can view all registered users on the platform.

🔐 Access Info

• Admin email: admin1@electro-hub.com
• Admin password: admin@A1

🛠️ Technologies Used

• Frontend: Next.js, Typescript, HTML, Tailwind CSS, Next UI.
• Backend: Node.js, Express.js, MongoDB.
• Authentication: NextAuth.
• Payment Gateway: SSLCOMMERZ.
• Hosting: Vercel (frontend and backend both).

🛠️ npm and Packages

• Next.js(15.1.3)
• React(18.3.1)
• Typescript
• Next Auth
• Next UI
• Swiper slider
• React hook form
• tanstack query
• axios
• lottie react
• react hot toast
• sweet alert 2
• react-confetti
• react-whatsapp-widget
• Eamil.Js
• Chatbase

🖥️ Server Side

• https://github.com/mohaiminul375/electro-hub-server