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.
- 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.
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.
- 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
- 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! 👀
- 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
- Server side validation
- More complete testing
- Deploying to Heroku
- 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