As Engineering students, we tend to spend a lot of our time outside classes in the library working away on assignments. In the days following, we might even brag about how much time we spent working, and how much we were able to get done. However, up until now, there wasn't any concrete way to show this and compare to one another in this sudo competition.

What it does

We created a web app that automatically tracks how long you spend studying in the library so that you can compete with friends and even make it to the top of the Study Spot leaderboard!

How we built it

Your location is automatically detected using the Google Nearby Places API which biases its results to detect if a library is within a set radius from you. Then once your timer has started, it tracks your score and how long you've been studying for. Once you stop studying (by clicking the "stop studying" button or simply leaving the location), the score is then sent to the back-end database. These scores are compared and ultimately culminated into a leaderboard screen.

Challenges we ran into

A lot of the team did not have previous experience with APIs. So naturally, we ran into a couple issue when working with the Verbwire API. We were, however, able to find a workaround to be able to ensure that our code is how we hoped!

What we learned

Colin - Learning the basics of backend development and API calls Jinwoo - Getting familiar with React.js Jingyue - Front-end design (tailwind.css), React.js Yax - How to use Firebase and Next.js authentication

What's next for Study Spot

We have a couple of ideas for the development of study spot. The first one being to instead of using the NFT mints individually and displaying them, we hope to mint unique NFTs for each individual user. Another idea we hope to implement is a "search" feature, which can help the user navigate to the nearest library, which is particularly useful when working in a new location / area you might now know very well.

Built With

Share this project: