StudySpaces

After too many late nights looking for a quiet place to study, we decided to create a solution so we never have to spend valuable time looking for a space.

StudySpaces is a web-based application that allows users to search for nearby quiet, productive places to study such as coffee shops, libraries, and study lounges. It uses the Google Maps Places API and Geolocation API to fetch and display results based on the user's current location.

How we built it: The front end was developed using React and TypeScript for type-safe code. The UI was styled using Tailwind CSS for utility first design, Vite utilized as the build tool and dev server for a fast development workflow. It acts as the orchestrator for the server itself and production build process

lastly, Supabase integrated as the backend for: User Authentication (Email/Password and Google OAuth). (Planned) Database for storing study spot details and reviews. Google Maps JavaScript API and Places API implemented for interactive map display and location data. Browser Geolocation API used to fetch the user's current location for nearby searches. Dependencies managed using npm. Version control handled with Git. Application deployed to Vercel

Challenges we ran into were leaking API keys twice, not being able to save users/user input in the database, many struggles with the UI and front end.

Accomplishments that we're proud of were actually being able to implement the Google Maps API, creating a clean UI, and implementing Supabase API.

What we learned: Not to leak API keys

What's next for StudySpaces; We plan to fix up some bugs and errors and then take this app to IOS and get students around campus to begin using it.

Built With

• api
• css
• google
• html5
• javascript
• maps
• supabase
• tailwind
• typescript