Skip to content

A Melbourne Trip planner app based in Node.js

Notifications You must be signed in to change notification settings

tkeeching/Magic-melbourne

 
 

Repository files navigation

Magic Melbourne Moments

An Interactive Itinerary Planner for Tourists

See Here

screenshot

Brief

Collaborate on a project to learn the challenges and triumphs of working with others. Cooperate as team to build a full-stack web application utilising technologies of your choice.

Technologies

  • HTML
  • CSS
  • Nodejs
  • Sygic Map API
  • OpenWeatherMap API
Dependencies
  • Axios
  • Express
  • Express-session
  • Ejs
  • Postgres
  • Morgon
  • Nodemon

User’s can…

  • Define their travel preferences
  • View a map with a variety of locations based on those preferences
  • Click on recommended locations for details
  • Toggle between a map and list view
  • Collect locations of interests by selecting a star beside the description
  • Create and view a personalised itinerary based on those selections

Key Challenges

This project had a variety of technical challenges and obstacles to overcome. Finding a suitable API to display a map with location details proved to be quite tricky without a budget of any kind. Luckily however, after reaching out to them by email, Sygic kindly gave us a free key allowing us to make a number of requests to their robust and data rich API. Extracting and displaying the appropriate information from the Json objects also was only achieved through a lot of trial and error. After deciding not to use a database, updating and deleting user selections was another hurdle we had to overcome. This was resolved through the temporary storage capabilities of the express-session node module. Working on a collaborative project though GitHub was a new experience for some of us. We had to be careful to communicate clearly with one another to avoid conflicts when pushing to and pulling from the shared repository.

Final Product

Map List

Planning and Wireframes

Planning and Wireframes

About

A Melbourne Trip planner app based in Node.js

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Languages

  • JavaScript 64.7%
  • HTML 24.1%
  • CSS 11.2%