TerribleCodes / School-Management-System

A simple school management system built using MERN stack.

🏫 School Management System using MERN Stack

MongoDB, ExpressJS, ReactJS and NodeJS

A simple full stack web applicatoin built using the MERN stack to verify the usage and behavior of the MERN stack.

Clone the repository

$ git clone https://github.com/TerribleCodes/School-Management-System.git

Project structure

  SCHOOL_MANAGEMENT_SYSTEM
  ├── backend
  │   ├── node_modules
  │   ├── models
  │   └── routes
  └── frontend
     │   ├── node_modules
     │   ├── public
     └── └── src
          └── components

Usage (run fullstack app on your machine)

Prerequisites

• NodeJS
• npm

Notice, you need client and server runs concurrently in different terminal session, in order to make them talk to each other

Client-side usage

Client-side environmental variables

Name	Description	Default Value
null	null	null

Run the client side

$ cd frontend          // go to client folder
$ npm i    // npm install packages
$ npm run start        // run it locally

Server-side usage

Server-side environmental variables

Name	Description	Default Value
PORT	URL to the locally running instance	3000
MONGODB_URI	MongoDB Atlas Cluster Connection String	-

Run the client side

$ cd server   // go to server folder
$ npm i       // npm install packages
$ npm run dev // run it locally

Dependencies (tech-stacks)

Client-side	Server-side
axios: ^1.3.4	cors: ^2.8.5
react: ^18.2.0	dotenv: ^16.0.3
react-dom: ^18.2.0	express: ^4.18.2
react-router-dom: ^6.9.0	mongoose: ^7.0.1"
react-scripts: 5.0.1
web-vitals: ^2.1.4

---