The assignment was to create a prototype pertaining to anything. The only requirements were that we had to use HTML5, JavaScript, Git revision control, a server-side framework, and at least 1 third-party API (Google Maps and Evently). We also had to have distinct desktop and mobile web user interfaces, and the project had to be deployed and hosted remotely (which we did on Heroku).
Problem Statement: People are staying indoors too often, and not going out to live real-world experiences. They are bored and want more spontaneity and adventure in their lives!
We solve this problem by showing them a number of events/activities that are near their current location. We incentivize users to visit these exciting places by implementing a points system.
Program Features:
• Map with live location updates
• Event markers, with distance away from current position, and event name
• Score: each time user is close enough to event, user will be able to click on the event icon (a balloon gif). Clicking on the icon will increment the user's score.
• Leaderboard: displays top 5 users and scores, of all time
• Signup/login: uses MongoDB to store user, password, scores, and uses JavaScript to perform various operations on the database collection of "users" (finding, inserting, managing server responses)
My role in this project involved more front-end and user experience side of things. After discussing the structure of the site with the group, I created a basic wireframe:
