Skip to content

Step 0 : Getting Started

Jump to bottom
kaashan edited this page Oct 13, 2018 · 2 revisions

About the application

We will build an application that lists blood banks based on states and cities provided as inputs. We start with a fairly simple UI that allows user to pick state/cities from drop-downs and lists the search results in a tabular format. Knowledge on basic concepts of AngularJS is required before you proceed with the application development.

Handle the look and feel

We will use Bootstrap CSS for content presentation. Bootstraps out-of-box classes are quick to use and works cross-platform.

Project structure

We start by creating the basic folders to hold the required components:

  • css - stores bootstrap.min.css and app.css(for application specific styling)
  • data - stores .json data files
  • js - stores application specific JS files
  • lib - stores angular provided JS files
  • views - stores template files for views
  • index.html - holds the main template for our app

APIs used

We will use open data API provided by data.gov.in to fetch query results

Prerequisites

  • You know the basics of AngularJS like scopes, modules, bindings, controllers etc.

    You can go-through W3Schools Angular tutorial to learn the basics.

  • Install Git on your system. Need help? Check this.

  • Clone the project repository in your current directory by running below command:

    git clone https://github.com/kaashan/LearnAngularJSByExample.git

  • Change your current directory to LearnAngularJSByExample (just do cd LearnAngularJSByExample)

  • Switch to branch dev/Sep16 by running git checkout dev/Sep16

That's it. You are at ground-0 to begin from scratch. 😄

Clone this wiki locally