Student Course Management System

A full-stack web application for managing students, courses, and enrollments through a modern dashboard interface.

---

Features

Student Management

• Add Students
• Update Students
• Delete Students
• Search Students
• View Student Details
• View Student Enrollment Information

Course Management

• Add Courses
• Update Courses
• Delete Courses
• Search Courses
• View Course Details
• View Enrolled Students

Enrollment Management

• Enroll Students into Courses
• Prevent Duplicate Enrollments
• Remove Enrollments
• View Student Course Registrations

Dashboard Analytics

• Total Students
• Total Courses
• Total Enrollments
• Recent Students
• Recent Courses
• Average Enrollments
• Students Per Course
• Most Popular Course
• System Overview Charts

---

Technology Stack

Frontend

• React
• Vite
• Tailwind CSS
• React Router
• Axios
• Recharts

Backend

• Node.js
• Express.js

Database

• MongoDB Atlas
• Mongoose

---

Project Structure

Student Course Management
│
├── Backend
│   ├── src
│   │   ├── config
│   │   ├── controllers
│   │   ├── models
│   │   └── routes
│   │
│   ├── server.js
│   └── package.json
│
├── Frontend
│   ├── src
│   │   ├── components
│   │   ├── pages
│   │   └── services
│   │
│   ├── public
│   └── package.json
│
└── README.md

---

Database Design

Student

Field	Type
name	String
email	String
age	Number
enrolledCourses	ObjectId[]

Course

Field	Type
title	String
description	String
instructor	String
duration	Number

---

Main Modules

Students

• Create Student
• Read Student
• Update Student
• Delete Student
• Search Student
• Student Details Page

Courses

• Create Course
• Read Course
• Update Course
• Delete Course
• Search Course
• Course Details Page

Enrollment

• Enroll Student
• Remove Enrollment
• View Enrolled Courses
• View Enrolled Students

---

Setup Instructions

Clone Repository

git clone <repository-url>

---

Backend Setup

cd Backend
npm install
npm start

Server runs on:

http://localhost:5000

---

Frontend Setup

cd Frontend
npm install
npm run dev

Frontend runs on:

http://localhost:5173

---

Environment Variables

Create a .env file inside Backend:

PORT=5000
MONGODB_URI=your_mongodb_connection_string

---

Future Enhancements

• Authentication & Authorization
• Admin Dashboard
• Attendance Management
• Grades Management
• Course Capacity Limits
• Data Export
• Notifications
• Deployment

---

Author

Aditya Anand Zalke

B.Tech Computer Science Engineering

Student Course Management System Project