Skip to content

iiitl/student-hub

Repository files navigation

███████╗████████╗██╗   ██╗███████╗███████╗███╗   ██╗████████╗    ██╗  ██╗██╗   ██╗██████╗ 
 ██╔════╝╚══██╔══╝██║   ██║██╔══██╗██╔════╝████╗  ██║╚══██╔══╝    ██║  ██║██║   ██║██╔══██╗ 
███████╗   ██║   ██║   ██║██║  ██║█████╗  ██╔██╗ ██║   ██║       ███████║██║   ██║██████╔╝
 ╚════██║   ██║   ██║   ██║██║  ██║██╔══╝  ██║╚██╗██║   ██║       ██║  ██║██║   ██║██╔══██╗ 
 ███████║   ██║   ╚██████╔╝██████╔╝███████╗██║ ╚████║   ██║       ██║  ██║╚██████╔╝██████╔╝ 
 ╚══════╝   ╚═╝    ╚═════╝ ╚═════╝ ╚══════╝╚═╝  ╚═══╝   ╚═╝       ╚═   ╚═╝ ╚═════╝ ╚═════╝  

A Next.js-based student community platform for discussions, resources, and collaboration.

🚀 Overview

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!


📌 Table of Contents


✨ Features

📚 Notes & Study Materials

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

📖 Quick Reads

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

📄 Question Papers Repository

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

🛒 Student Marketplace

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

💬 Community Chat

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

👨‍👩‍👧 Newcomers Section

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

🛠 Tech Stack

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)

📌 Getting Started

💻 Prerequisites

Before you begin, ensure you have the following installed:
Git
Node.js (Recommended: v18.x or later)
npm (Comes with Node.js)


⚙️ Installation

1️⃣ Fork & Clone the Repository

  • 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

2️⃣ Install Dependencies

npm install

3️⃣ Setup Environment Variables

Create a .env.local file in the root directory and add the following variables:

MONGO_URI=""

4️⃣ Run the Development Server

npm run dev

The app will be available at http://localhost:3000.


📁 Project Structure

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

⭐ Support & Community

  • 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!

👥 Contributors

We appreciate all contributions to Student Hub!

Want to see your name here? Start contributing today! 🚀 ---

🚀 Ready to Contribute?

Check out CONTRIBUTION.md and start coding!


Back to Top