Inspiration
When going to the Flantcher gym, as one might do at Tufts, our hard-working and motivated students want a reliable place to clear their mind and work towards their fitness goals. However, only dread awaits them. Five-person lines for the bench press, not a single empty treadmill, and people forming a demonic semi-circle around the squat rack. How can our students avoid this gym rush hour? Our solution was a web app that would be able to tell students exactly how busy the gym is, and perhaps even other facilities around Tufts as well.
What it does
The main focus of our web app is to display real-time occupancy levels of facilities such as the gym or dining halls, and be a visual indicator to students of how busy it is. Students should be able to scan in, or maybe receive detection via their id cards, to notify the server of their entrance (tied to their unique student id) and add that to the occupancy.
How we built it
We built the webapp using HTML, CSS, and Javascript, with the backend running on Google Sheets API to upload, modify, and receive data to a database.
Challenges we ran into
It was our first time making a web app with React.js, and we ran into many errors with compilation and hosting our web app. Additionally, along the way, the API and libraries we were working with would stop working, Overall, we had many inexplicable technical issues that cannot be listed.
Accomplishments that we're proud of
In lieu of those technical complications, we're proud of our teamwork, collaboration, and resilience in working out these bugs. Moreover, we're proud of the UI design of our web app product.
What we learned
We learned a lot in the way of debugging issues and how to learn to work with new tools/libraries.
What's next for JumboTrack
Next, JumboTrack would like to scale up its database so that more locations and facilities like study spaces can be incorporated into the app. JumboTrack's scanning feature is also not fleshed out yet, but it would likely work with a login/authentication mechanism, and we'd look for ways to make this convenient for potential users.
Built With
- css
- googlecloudapi
- html5
- javascript
- react.js
Log in or sign up for Devpost to join the conversation.