Skip to content

fasrinaleem/StudentInstructorManagementSystem-MERN

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 

Repository files navigation

🎓 Student Instructor Management System – MERN Stack

A full-stack academic project built using the MERN stack (MongoDB, Express.js, React.js, Node.js), designed to manage student and instructor records efficiently. This system features full CRUD functionality, role-based views, and client-server integration via REST APIs.


📌 Features

  • 👨‍🏫 Create, Read, Update, and Delete student and instructor profiles
  • 🔐 Role-based UI: Admin, Instructor, and Student views
  • ✅ Client-side form validation with JavaScript
  • 🔗 RESTful API integration via Fetch API
  • 💾 MongoDB with Mongoose models for data management
  • ⚛️ Responsive frontend built with ReactJS and React Hooks

🛠️ Tech Stack

Layer Technology
Frontend ReactJS, CSS, JavaScript
Backend Node.js, Express.js
Database MongoDB, Mongoose
API Handling Fetch API, RESTful routes

📦 Getting Started

1. Clone the repository

git clone https://github.com/fasrinaleem/StudentInstructorManagementSystem-MERN.git
cd StudentInstructorManagementSystem-MERN

2. Install dependencies

Client (React)

cd client
npm install

Server (Node.js + Express)

cd ../server
npm install

3. Setup environment variables

Create a .env file inside the /server directory with the following:

MONGO_URI=your_mongodb_connection_string
PORT=5000

4. Run the app

Start the backend:

cd server
npm start

Start the frontend:

cd ../client
npm start

📸 Screenshots

Project screenshots and feature highlights are available in the LinkedIn post below:
🔗 LinkedIn Post with Screenshots


🔗 Project Links


📄 License

This project is licensed under the MIT License. Contributions and forks are welcome.


🙌 Acknowledgements

Thanks to the MERN developer community and academic mentors who guided this project.

About

This system is implemented using technologies such as the frontend (client side) ReactJS, the backend (server side) NodeJS and ExpressJS, and the database Mongodb. ReactJS was used for the implementation of Frontend and JavaScript for the form validations and Fetch API was used to communicate with the backend. I hope you can get an idea of the s…

Resources

Stars

7 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages