Giter VIP home page Giter VIP logo

exo-angular's Introduction

Appartoo Web App

Getting Started

Contributors

Youssef El Montaser [email protected] Brondon Ung [email protected] Bastien Malahieude <bastienmalahieude.fr>

Install Dependencies

bower install

Directory Layout

app/                    --> all of the source files for the application
    controllers/        -->
    directives/         -->
    filters/            -->
    models/             -->
    services/           -->
    app.js              --> Bootstrap app
partials/               --> the partial template
assets/
    libs/               --> all vendor libs
    css/                --> default stylesheet
index.html              --> app layout file (the main html template file of the app)
tests/                  --> end-to-end tests
  scenarios.js          --> end-to-end scenarios to be run

What To Do ?

  • Create a new routing #/map

  • Create its controller

  • Include angular google maps dependancies http://angular-ui.github.io/angular-google-maps/#!/

  • Include a google maps on this route using angular google maps

  • Create a simple form with this fields - Address With Google maps api places (see how to use it with Angular) - Number of rooms (from 1 to 4+) usefull for the json search - Building period (before 1946, 1946 - 1970, 1971 - 1990, after 1990) usefull for the json search - Kind of location (furnished/unfurnished) usefull for the json search - flat's size (in square metters) - A submit button

  • Using ajax calls, get the right json file from the ones located on server/json/ corresponding to the form's data

  • Display the position of the building on the map

  • Display all the json datas on the map

  • Display the property's price

  • Based on the flat's size, display the average, min & max prize

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.