https://github.com/mohaiminul375/electro-hub
E-commerce gadget website.
https://github.com/mohaiminul375/electro-hub
css nextauth nextjs nextui sslcommerz typescript
Last synced: 3 months ago
JSON representation
E-commerce gadget website.
- Host: GitHub
- URL: https://github.com/mohaiminul375/electro-hub
- Owner: mohaiminul375
- Created: 2024-10-07T14:59:52.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2025-02-14T10:36:21.000Z (3 months ago)
- Last Synced: 2025-02-14T11:34:29.323Z (3 months ago)
- Topics: css, nextauth, nextjs, nextui, sslcommerz, typescript
- Language: TypeScript
- Homepage: https://electro-hub-tau.vercel.app
- Size: 4.01 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Electro-Hub
- A Full Stack E-Commerce Website
# Live_site: https://electro-hub-tau.vercel.app
# Run the Project Locally
1. **Clone the Repository**:
```sh
https://github.com/mohaiminul375/electro-hub
cd electro-hub
```
2. **Install Dependencies**:
```sh
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**:
```sh
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: [email protected]
- 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
# Server Side
- https://github.com/mohaiminul375/electro-hub-server