🎉 Find My Event - The pursuit of APIness 🎉

The Project

Meet up uses the eventful API and Google Maps API. The aim of the app is to allow a user to easily identify the events that are occurring in their area by inputing their post code.

User Stories

• As a user, I want to search for events occuring in my area.
• As a user, I want a simple interface with a single input field.
• As a user, I want to easily click on the markers to reveal event information.

Project Objective

To build a web app that provides users with frequently updated content on a regular or continuous basis and allows users to search its content.

How we built it

• Software architecture: use of module.exports and require for modularisation and consideration of server file structure.
• Backend code: server, router, handlers, JSON data, API, Request module
• Frontend code: DOM rendering

Challenges

• Difficulties identifying a suitable API, we tried using the Meet Up API but found the information returned to us was not very useful 👎
• We kept getting this from our API call:

   { event: 
      [ [Object],
        [Object],
        [Object],
        [Object],
        [Object],
        [Object],
        [Object],
        [Object],
        [Object],
        [Object] ] }

• How to use environment variables to keep our secret keys away from prying eyes! 👀

Things we learnt

• How to generate a Google Map with mulitple markers and info windows
• How to prevent a form from submitting until all input fields are valid

Things that we definitely should have found time for (but sadly didn't)

• Server side validation
• More complete testing
• Deploying to Heroku

Stretch Goals

• Came very close to adding numbered labels to each marker, with the corresponding event title displayed in a numbered list on the right hand side
• This would be the final piece in the puzzle to improve our website! :)
• Event title within info window should link through to event