███████╗████████╗██╗ ██╗███████╗███████╗███╗ ██╗████████╗ ██╗ ██╗██╗ ██╗██████╗ ██╔════╝╚══██╔══╝██║ ██║██╔══██╗██╔════╝████╗ ██║╚══██╔══╝ ██║ ██║██║ ██║██╔══██╗ ███████╗ ██║ ██║ ██║██║ ██║█████╗ ██╔██╗ ██║ ██║ ███████║██║ ██║██████╔╝ ╚════██║ ██║ ██║ ██║██║ ██║██╔══╝ ██║╚██╗██║ ██║ ██║ ██║██║ ██║██╔══██╗ ███████║ ██║ ╚██████╔╝██████╔╝███████╗██║ ╚████║ ██║ ██║ ██║╚██████╔╝██████╔╝ ╚══════╝ ╚═╝ ╚═════╝ ╚═════╝ ╚══════╝╚═╝ ╚═══╝ ╚═╝ ╚═ ╚═╝ ╚═════╝ ╚═════╝
A Next.js-based student community platform for discussions, resources, and collaboration.
Student Hub is a modern platform designed to help students collaborate, share resources, and engage in discussions seamlessly. Built with Next.js, Tailwind CSS, and MongoDB, it ensures a smooth and fast user experience while offering powerful community features such as study materials, question papers, a student marketplace, and a real-time community chat – all in one place! 🚀
🌟 If you find this project helpful, don't forget to star ⭐ the repository and support the community!
- 🚀 Overview
- ✨ Features
- 🛠 Tech Stack
- 📌 Getting Started
- 📁 Project Structure
- ⭐ Support & Community
- 🚀 Ready to Contribute?
- A centralized repository of well-organized notes and study resources for various subjects.
- Categorized by topics, subjects, and semesters to make searching easy.
- Users can contribute and share their own notes and resources.
- Markdown-supported formatting for structured reading.
- A collection of short, insightful articles and guides for students.
- Covers topics like study tips, productivity hacks, career guidance, and academic strategies.
- Regularly updated with fresh content.
- Mobile-friendly reading experience.
- A library of previous years’ question papers for different courses and subjects.
- Helps students prepare for exams by providing real past paper formats.
- Users can upload and share question papers with the community.
- Search and filter options to find relevant papers easily.
- A student-to-student platform for buying, selling, and exchanging academic resources.
- Users can list books, notes, and study materials for sale or donation.
- Secure communication between buyers and sellers.
- Categories for textbooks, lab manuals, stationery, and digital resources.
- Real-time discussion forums for students to interact, ask doubts, and collaborate.
- Separate channels for different subjects and discussion topics.
- Anonymous question-asking feature for students hesitant to post publicly.
- Moderated by community admins to maintain quality discussions.
- A dedicated space for new students to navigate their college journey.
- Includes a "New Student Guide" with essential information about courses, exams, and resources.
- FAQs addressing common concerns of first-year students.
- Links to useful university resources and academic calendars.
Category | Technology Used |
---|---|
Framework | Next.js 15.2.2 (Turbopack enabled) |
UI Library | Tailwind CSS 4, Radix UI |
Database | MongoDB with Mongoose ORM |
Frontend | React 19, Next.js API Routes |
Icons | Lucide Icons, React Icons |
Styling Utilities | Tailwind Merge, Class Variance Authority |
State Management | React Hooks, Context API (if applicable) |
Before you begin, ensure you have the following installed:
✔ Git
✔ Node.js (Recommended: v18.x or later)
✔ npm (Comes with Node.js)
- Navigate to the project repository on GitHub
- Click the "Fork" button in the top-right corner of the page
- This creates a copy of the repository in your GitHub account
- Choose your personal account as the destination for the fork
git clone https://github.com/<your-username>/student-hub.git
cd student-hub
npm install
Create a .env.local
file in the root directory and add the following variables:
MONGO_URI=""
npm run dev
The app will be available at http://localhost:3000.
student-hub/
│── public/ # Static assets (logos, icons, etc.)
│── src/
│ ├── components/ # Reusable UI components
│ ├── pages/ # Next.js page routes
│ ├── styles/ # Global Tailwind CSS styles
│ ├── utils/ # Helper functions
│ ├── hooks/ # Custom React hooks
│── .env.local # Environment variables
│── package.json # Project dependencies & scripts
│── tailwind.config.js # Tailwind CSS configuration
│── next.config.js # Next.js configuration
- Have an idea or suggestion? Open an issue!
- Found a bug? Report it in GitHub Issues.
- Like the project? ⭐ Star the repository to support us!
We appreciate all contributions to Student Hub!
Want to see your name here? Start contributing today! 🚀 ---Check out CONTRIBUTION.md and start coding!