Skip to content

nafisnihal/academic-management

Repository files navigation

🎓 Academic Management Dashboard

A full-featured web application for managing Students, Courses, and Faculties, built using Next.js 15 (App Router), MongoDB, Tailwind CSS, and shadcn/ui. Includes features like CRUD operations, assignment tracking, real-time updates, and report generation.


🚀 Features

  • ✅ Student, Course, and Faculty Management
  • ✅ Assign courses to students with grade & progress tracking
  • ✅ Edit & delete records with confirmation
  • ✅ Faculty panel to manage enrollments
  • ✅ Individual student profile with enrolled course report
  • ✅ Fully responsive UI using Tailwind CSS and shadcn/ui
  • ✅ Built with React Query, TypeScript, Next.js App Router

📦 Tech Stack

  • Framework: Next.js 15 (App Router)
  • Database: MongoDB with Mongoose
  • Styling: Tailwind CSS + shadcn/ui
  • State & Data: TanStack Query (React Query)
  • Notifications: sonner

🌐 Live Demo

Check out the live demo:

Academic Management Dashboard


🛠️ Setup Instructions

1. Clone the Repository

git clone https://github.com/nafisnihal/academic-management.git
cd academic-management

2. Install Dependencies

npm install

3. Configure Environment Variables

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

NEXT_PUBLIC_MONGO_URI=your_mongodb_connection_string

Replace your_mongodb_connection_string with your actual MongoDB URI.

4. Run the Development Server

npm run dev

🙌 Thank You! Happy coding! 🚀

About

A modern, full-stack dashboard for managing students, courses, and faculty—built with Next.js 15 (App Router), TypeScript, MongoDB/Mongoose, Tailwind CSS + shadcn/ui, and TanStack Query. It delivers responsive CRUD operations, course assignment tracking, real-time updates, student profiles, reports, notifications via Sonner, and more—all wrapped in

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors