Student Management System

This is a simple CRUD application built using the MERN stack with TypeScript. The application allows users to manage a list of students with functionalities to view, add, edit, and delete student details. It follows a modular architecture with proper error handling, scalability, and maintainability. Additionally, it includes test cases for the backend using Jest and Supertest.

Live Demo

• Frontend: Live Demo on Vercel

Table of Contents

• Features
• Technologies Used
• Frontend Deployment
• Backend Deployment
• Testing

Features

• View a list of all students.
• Add a new student.
• Edit student details.
• Delete a student.
• Proper error handling.
• Test cases for the backend using Jest and Supertest.

Technologies Used

Frontend

• React: Building user interfaces.
• Tailwind CSS: Responsive Designing.
• React-Toast: Library for notifications.
• TypeScript: Typed superset of JavaScript.

Backend

• Node.js: Building Backend Logic.
• Express: Web application framework for Node.js.
• MongoDB: Data Management.
• Mongoose: ODM library for MongoDB and Node.js.
• TypeScript: Typed superset of JavaScript.
• REST API: Backend API for CRUD operations on students.
• Jest: JavaScript testing framework.
• Supertest: Library for testing Node.js HTTP servers.

Deployment

• Frontend: Hosted on Vercel.
• Backend: Hosted on Render.