https://github.com/asifurrahman10/nextgenhunt-website
NextGen Hunt is a platform for discovering and sharing the latest technology, including web apps, AI tools, software, games, and mobile apps. It features role-based access (User, Moderator, Admin), voting, reporting, product reviews, and coupon system integration. The site is fully responsive, ensuring a seamless user experience across devices.
https://github.com/asifurrahman10/nextgenhunt-website
expressjs firebase mongodb nodejs reactjs stripe tailwind
Last synced: 4 months ago
JSON representation
NextGen Hunt is a platform for discovering and sharing the latest technology, including web apps, AI tools, software, games, and mobile apps. It features role-based access (User, Moderator, Admin), voting, reporting, product reviews, and coupon system integration. The site is fully responsive, ensuring a seamless user experience across devices.
- Host: GitHub
- URL: https://github.com/asifurrahman10/nextgenhunt-website
- Owner: AsifurRahman10
- Created: 2025-02-05T10:12:21.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-04T14:06:50.000Z (over 1 year ago)
- Last Synced: 2025-04-05T08:27:33.375Z (about 1 year ago)
- Topics: expressjs, firebase, mongodb, nodejs, reactjs, stripe, tailwind
- Language: JavaScript
- Homepage: https://spectacular-praline-76df24.netlify.app/
- Size: 5 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# NextGen Hunt
**Live Site**: [NextGen Hunt](https://spectacular-praline-76df24.netlify.app/)
**Server Side**: [NextGen Hunt Server](https://nextgenhunt-server.vercel.app/)
---
## Overview
NextGen Hunt is a platform where users can discover and share the latest technology, including web apps, AI tools, software, games, and mobile apps. It features role-based access (User, Moderator, Admin) and offers functionalities such as voting, reporting, product reviews, dashboard management, and coupon system integration. The site is fully responsive and provides a seamless user experience.
---
## Key Features
### Homepage
- **Light / dark mode**: Light dark mode for better user experience.
- **Featured Products**: Users can view products marked as "Featured" by the admin, check details, and vote for them.
- **Trending Technologies**: Displays the most-voted products. Clicking on a product takes users to the **Product Details** page (restricted to logged-in users).
- **Latest-blogs**: Showcases latest blogs added my admin.
- **Coupons Slider**: Showcases available coupons with their validity, allowing users to take advantage of discounts.
- **Other static section**: FAQ section, user reviews about us and newsletter.
### Product Details Page
- Comprehensive product information, including description, reviews, ratings, and user votes.
- Options to vote for or report products.
- Users can write reviews and rate products.
### All Products Section
- Displays all products with pagination and a search feature (search by tags).
### All Blogs Section
- Displays all blogs with blog details page
### About us section
- Info about our goals and what to learn with us
### Authentication
- **Login & Registration**: Users can sign up or log in using email/password or social media (Google).
- After login, users see their profile picture in the navbar with options to navigate to the **Dashboard** or **Sign Out**.
---
## User Roles
### User
- **My Profile**: View profile details. Free accounts can upgrade to premium via card payment and notify using nodemailer.
- **Add Product**: Submit a new product using a detailed form (premium users only).
- **My Products**: View all submitted products along with their status. Users can update or delete products. (Free users can submit only one product).
- **Voting & Reporting**: Can vote for and report products.
### Moderator
- **My Profile**: View profile details. Update user profile information.
- **Product Review**: Review all submitted products by users. Moderators can accept, reject, or mark products as "Featured." Products must be approved before going live.
- **Reported Content**: View and manage all reported content. Moderators can delete products if necessary.
> **Moderator Credentials**
>
> - Email: moderator@gmail.com
> - Password: Moderator12345
### Admin
- **My Profile**: View profile details. Update user profile information.
- **Statistics**: View insights such as total revenue, total products, pending products, and product status (via pie chart).
- **Manage Users**: Promote users to Moderator or Admin roles.
- **Manage Coupons**: Create, update, and delete discount coupons. These coupons can be used during premium account upgrades.
- **Manage Blogs**: Add new blogs and delete blogs.
> **Admin Credentials**
>
> - Email: admin@gmail.com
> - Password: Admin12345
---
## Technology Stack
### Frontend
- React
- React Router
- React Hook Form
- Framer motion
- Swiper
- Recharts
- Lottie
- Axios
- SweetAlert2
- Firebase Authentication
- nodemailer
### Backend
- Node.js
- Express.js
### Tools & Libraries
- Stripe
- React Helmet Async
- React DND
- React Icons
- TanStack React Query
- Moment.js
- react-quill
## Running the Project Locally
To run this project locally, follow these steps:
### 1. Clone the Repository
```bash
git clone https://github.com/AsifurRahman10/NextGenHunt-website.git
cd NextGenHunt-website
```
### 2. Install Dependencies
Frontend
Navigate to the frontend folder and install the required dependencies:
```
cd frontend
npm install
```
Backend
Navigate to the backend folder and install the required dependencies:
```
cd backend
npm install
```
### 3. Setup Environment Variables
You need to create a .env file for both the frontend and backend with the necessary environment variables.
Frontend:
Firebase credentials
API keys for any other integrations (if needed)
Backend:
Create a .env file in the backend folder with the following variables and set up accordingly:
```
VITE_FIREBASE_API_KEY=your-firebase-api-key
VITE_FIREBASE_AUTH_DOMAIN=your-firebase-auth-domain
VITE_FIREBASE_PROJECT_ID=your-firebase-project-id
VITE_FIREBASE_STORAGE_BUCKET=your-firebase-storage-bucket
VITE_FIREBASE_MESSAGING_SENDER_ID=your-firebase-messaging-sender-id
VITE_FIREBASE_APP_ID=your-firebase-app-id
VITE_STRIPE_KEY=your-stripe-api-key
VITE_DB_URL=your-database-url
```
Backend
In the backend folder, create a .env file and add the following variables:
```
DB_HOST=your-database-host
DB_USER=your-database-user
DB_PASSWORD=your-database-password
DB_NAME=your-database-name
```
### 4. Running the Project
After setting up the environment variables, you can start the project by running the following commands:
Frontend
In the frontend folder, run:
```
bash
npm run dev
```
Backend
In the backend folder, run:
```
bash
npm start
```
The frontend will be available at http://localhost:3000, and the backend will be available at http://localhost:5000 (or the port you set).