Giter Club home page Giter Club logo

places's People

Contributors

vvillee avatar waffle-iron avatar

Watchers

 avatar

places's Issues

Set up base for application

Set up the application so that it is deployable to Heroku with MongoSoup addon. Continuous integration with Travis-CI (set up npm test) and continuous deployment to Heroku. Also checkout Grunt, JSHint, Karma, Jasmine for automation and testing.

Initial application UI

Userstories:
As a visitor I want to see a map and an input textfield so that I can set up my location
As a visitor that has set up a location I want to see my position on the map
As a visitor that provides her location via geolocation API I want to see my position on the map

Tasks:

HTML-page structure:

  • Header on top of the page (configured by administrator, default "Places")
  • Map in the center (Google Maps, zoom level 15)
  • Input textfield with placeholder "Your location..." in the bottom with submit button next to it

Show places on map

Userstory:
As a visitor I want to see places nearby

Tasks:

  • Get places from backend as JSON-data with HTTP Ajax-request (GET-request to route "nearbyPlaces")
  • Include users current location (lat+long) and a zoom level of map as parameters to GET-request
  • When response is delivered set places on map
  • If zoom level is changed request new nearby places with same location
  • If users current location is submit request new nearby places with default zoom level

Set up places

User Story:
As an administrator I want to initialize the application with places so that they are available to user.

Tasks:

  • create a model: place (id, name, address, longitude, latitude)
  • create an initialization script

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.