Inspiration
As first-year students, we have experienced the difficulties of navigating our way around our new home. We wanted to facilitate the transition to university by helping students learn more about their university campus.
What it does
A social media app for students to share daily images of their campus and earn points by accurately guessing the locations of their friend's image. After guessing, students can explore the location in full with detailed maps, including within university buildings.
How we built it
Mapped-in SDK was used to display user locations in relation to surrounding buildings and help identify different campus areas. Reactjs was used as a mobile website as the SDK was unavailable for mobile. Express and Node for backend, and MongoDB Atlas serves as the backend for flexible datatypes.
Challenges we ran into
- Developing in an unfamiliar framework (React) after learning that Android Studio was not feasible
- Bypassing CORS permissions when accessing the user's camera
Accomplishments that we're proud of
- Using a new SDK purposely to address an issue that was relevant to our team
- Going through the development process, and gaining a range of experiences over a short period of time
What we learned
- Planning time effectively and redirecting our goals accordingly
- How to learn by collaborating with team members to SDK experts, as well as reading documentation.
- Our tech stack
What's next for LooGuessr
- creating more social elements, such as a global leaderboard/tournaments to increase engagement beyond first years
- considering freemium components, such as extra guesses, 360-view, and interpersonal wagers
- showcasing 360-picture view by stitching together a video recording from the user
- addressing privacy concerns with image face blur and an option for delaying showing the image
Built With
- express.js
- mapped-in
- mongodb
- node.js
- react
Log in or sign up for Devpost to join the conversation.