Flee | Outpass Portal

Landing Page
Login Page
Student Dashboard
Security Dashboard

Inspiration

Whenever my gang and I wanted to go out, we had to collect the outpass, search for the faculty advisor, and get it signed. This was an exhausting process. We, somehow, wanted to reduce all this effort. Then we came up with the idea of digitalizing this process, which takes a lot lesser effort and time, and reduces the wastage of paper resources. Recently our institute has adapted attendance through face recognition. So why not digitalize paperwork?

What it does

Whenever a student wants to go out, he can simply log in to the website and fill out the form. These details get stored in the database. When the student reaches the main gate, security verifies the outpass filled and approves by clicking on a button. When the student returns back, the security again clicks on a button indicating that the student has returned. If the student was late, his account would be remarked. If the number of remarks was greater than 3, then he would not be able to access the outpass next time and should meet the faculty advisor.

How we built it

The app has been built with ReactJs front-end and NodeJs back-end. We have used MongoDB as a database to store the details of students and outpass information.

Challenges we ran into

Designing a solution to a real-world problem is quite interesting and challenging. JavaScript's Date format is incompatible with MongoDb's Data format and the 'Date' data type is a key attribute of the project schema. Resolving this issue was very challenging.

Accomplishments that we're proud of

Designing the solution for a real-world problem is a big thing. The app is well-tested and passes all the edge cases and is ready to be implemented in the institute.

What we learned

Teamwork is an essential component of building a successful project. Assigning roles, dividing work, and managing workflows are integral parts of developing a quality project.

What's next for Flee

This app can be further extended to digitalize all the activities which involve paperwork such as leave application forms. We can include student photographs to further improve verification process.