Electro-Hub

• A Full Stack E-Commerce 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

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

4. Run the Application:

   npm run dev -- --host

5. 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.

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.
   • Admins can view user profiles and their order histories.

This website is under development, so more features are coming soon!

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
• Typescript
• Next UI
• Swiper slider
• React hook form
• tanstack query
• lottie react
• react hot toast
• sweet alert 2
• npm i react-confetti
• axios

Server Side

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