Inspiration
Navigating Vancouver's roads can be challenging for someone unfamiliar with the area, making it difficult to find a suitable place to enjoy playing your sports in a competitive yet casual setting. While there is a gym on campus, the basketball court is consistently occupied. Thus, nobody wishes to wait in line for 20 minutes and only play a single game.
What it does
Our web application, Pickup, has the capability to display any ongoing pickup game hosted by enthusiasts seeking an additional player to join their match. Our app simplifies the process of connecting like-minded individuals, making it much easier for users to find and engage with others who share similar interests.
Users are able to host games and join others by scouting around the map for the available games. There will be a various amount of sports available to pick from. Users can see the capacity and when the event is going to be held.
How we built it
We have utilized the Google Maps API to explore and experiment with its functionalities. The Maps serve as our foundation, and we have integrated various components to enhance both the design and functionalities. To achieve this, we used React for our front end. In addition, we incorporated other libraries, notably Chakra UI, which not only ensures consistency but also enhances the visual appeal of our web application.
Challenges we ran into
- Difficulty of understanding the usage of Google Maps Api due to its poor documentation
- Learning new tools in such a short notice and implementing them into a full project
- Keeping the spirit up even though we worked on the project all night
Accomplishments that we're proud of
- We are able to show an eye-catching front end for the UI/UX
- We are able to implement the Google Maps Api successfully
What we learned
- How important git can be in saving our projects because of crashes, disconnects from the internet , and our silly mistakes.
- How useful the Google Maps Api in making web applications for locating many various things
- How crucial time is in making a fully working project.
What's next for Pickup
- We would like to provide an auth and validation, so users can host games and save them much better.
- Expand to the whole world, so it would work anywhere!
- Creating a database for more customizable features in the future.
Built With
- css
- googlemaps-api
- html
- javascript
- react

Log in or sign up for Devpost to join the conversation.