aaryan8751 / hostel-desk-frontend

Hostel Desk

It is a system developed for managing various activities in the hostel. This project also keeps details of the hostellers. It is headed by Hostel head. He will be the administrator. This system is designed in favour of the hostel management which helps them to save the records of the students about their rooms and other things. Live version of the website can be accessed at: https://hostel-desk.netlify.app/

Motivation

The number of hostels are increasing for the accommodation of the students studying in Colleges. And hence there is a lot of strain on the person who are running the hostel and software’s are not usually used in this context. This particular project deals with the problems on managing a hostel and avoids the problems which occur when carried manually. Identification of the drawbacks of the existing system leads to the designing of computerized system that will be compatible to the existing system with the system which is more user friendly.

Screenshots

Watch the Video for reference by clicking here

Tech/Framework used

• MERN Stack
• Reactstrap
• Redux
• JWT Authentication

Features

• This project is aimed at developing a system for keeping records and showing information of a hostel.
• This system will help the hostel officer to be able to manage the affairs of the hostel.
• This system will provide full information about a student in the hostel.
• There will also be an administrator module which will accessed by the administrator and has the ability to delete, add and edit employee records.
• Hostellers can view notice board, hostel fee and mess menu or register complaints by login into the online system.

Installation

This project was bootstrapped with Create React App. In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

npm run eject

Note: this is a one-way operation. Once you eject, you can’t go back!

If you aren’t satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except eject will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.

You don’t have to ever use eject. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.

Team Members

• Jatin Bansal
• Puneet Bansal
• Aaryan Sharma
• Tanveer Sodhi