Running the Classroom Management System

To run this project, you'll need to set up both the frontend and backend components. Here are the step-by-step instructions:

Prerequisites

• Node.js (v14 or higher)
• MongoDB (local installation or MongoDB Atlas account)
• npm or yarn

Step 1: Install Dependencies

First, install all the required dependencies for both frontend and backend:

Step 2: Configure MongoDB

The application is configured to use MongoDB. You have two options:

1. Local MongoDB: Make sure MongoDB is running locally on port 27017
2. MongoDB Atlas: Update the .env file with your MongoDB Atlas connection string

The current .env file is set to:

If you're using MongoDB Atlas, replace the MONGODB_URI with your connection string.

Step 3: Start the Backend Server

Run the following command to start the Express.js backend server:

This will start the server on port 5000 (or the port specified in your .env file).

Step 4: Start the Frontend Development Server

In a new terminal window, run:

This will start the Vite development server for the React frontend.

Step 5: Access the Application

Once both servers are running, you can access the application in your browser at:

Features Available

The application includes:

• Dashboard with statistics and charts
• Classroom management (add, edit, delete classrooms)
• Schedule management (create and manage class schedules)
• Teacher management (add, edit, delete teacher profiles)
• Student management (add, edit, delete student records)

Troubleshooting

• If you encounter CORS issues, make sure both frontend and backend are running
• If you have database connection issues, verify your MongoDB connection string
• Check the console for any error messages that might help identify problems

Let me know if you need any help with specific parts of the application!