Coder Social home page Coder Social logo

magic-melbourne's Introduction

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

magic-melbourne's People

Contributors

b4jatin avatar optimistic-updt avatar tkeeching avatar tomcat-js avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.