Mess-Manager Frontend is a React application that is designed to help users manage their mess expenses. The application allows users to add, update, and delete mess expenses, view the total amount spent, and view the total amount spent by each user. The application also provides a health check route to ensure that the server is running.

1. Clone this repository and as well as the backend repository

For the frontend:

git clone https://github.com/kushaljgec2025/mess_manager_frontend.git

For the backend:

git clone https://github.com/Darkrider0007/mess_manager_backend.git

2. Install dependencies for both the frontend and backend:

npm install

3. Start the both the servers: npm run dev or npm run dev -- --port=0.0.0.0
4. The Frontend will be accessible at https://localhost:5173

Note: Spin up the backend server first and then the frontend server.

• Login Page: The login page allows users to log in to the application.
• Register Page: The register page allows users to register for the application.
• Dashboard Page: The home page displays the total amount spent by each user and the total amount spent by all users.
• Mess Page: The mess page displays all the expenses and allows users to add, update, and delete expenses.
• Expense Page: The add expense page allows users to add a new expense. -User Page: The user page displays all the users and allows users to add, update, and delete users.

• Kushal Ghosh - UI Designer and Frontend Developer
• Rohan Gope - Full Stack Developer

Work on the frontend component of the Mess-Manager application is currently in progress.You can find the repository here