A simple and intuitive web application for managing student marks. This system allows users to create, view, update, and delete student records. Built using the MERN stack (MongoDB, Express.js, React.js, Node.js), this application provides a user-friendly interface for managing student data.
- Create: Add new student records with roll number, name, and marks.
- Read: View a list of all students and their details.
- Update: Modify existing student records.
- Delete: Remove student records from the system.
- Responsive Design: Compatible with various screen sizes.
- Frontend: React.js with Tailwind CSS
- Backend: Node.js with Express.js
- Database: MongoDB
- API: Axios for HTTP requests
- Authentication: Firebase Authentication (if applicable)
- Deployment: Render for backend, Firebase for frontend (if applicable)
- Node.js (version 14 or higher)
- npm (Node Package Manager)
- MongoDB (or a MongoDB cloud instance)
git clone https://github.com/your-username/student-marks-management-system.git
cd student-marks-management-system
-
Navigate to the frontend directory:
cd client
-
Install the required dependencies:
npm install
-
Start the development server:
npm start
-
Navigate to the backend directory:
cd server
-
Install the required dependencies:
npm install
-
Create a
.env
file in theserver
directory and add your MongoDB URI and other environment variables:MONGO_URI=your-mongodb-uri PORT=5000
-
Start the backend server:
npm start
- Navigate to the Home Page: View the list of students and their details.
- Add a Student Record: Go to the "Create" page to add new student records.
- Update a Student Record: Click on the "Update" button next to a student record to modify it.
- Delete a Student Record: Click on the "Delete" button next to a student record to remove it.
To deploy the project, you can use services like Render for the backend and Firebase for the frontend. Ensure that your environment variables are properly configured for the deployment.
- Fork the repository.
- Create a new branch (
git checkout -b feature/YourFeature
). - Make your changes and commit (
git commit -am 'Add some feature'
). - Push to the branch (
git push origin feature/YourFeature
). - Create a new Pull Request.
This project is licensed under the MIT License. See the LICENSE file for details.
For any inquiries, please contact:
- Name: Anurag Gaiwal
- Email: anuraggaiwal0@gmail.com
- GitHub: your-username