Book Image

AngularJS Web Application Development Blueprints

By : Vinci J Rufus
Book Image

AngularJS Web Application Development Blueprints

By: Vinci J Rufus

Overview of this book

Table of Contents (17 chapters)
AngularJS Web Application Development Blueprints
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Building the Expense Manager App


Now that we have a better understanding of Web Storage, let's use it to build our Expense Manager Application.

Like in the previous chapters, we will use the forked angular-seed project, which is available at https://github.com/areai51/angular-seed.

Let's create a folder named exp-mgr, and extract the contents of the angular-seed ZIP file into the folder.

Run the following command in the terminal to install the dependencies:

npm install

Let's start by tweaking the base index file located at app/index.html. We will replace the default HTML markup with the following code:

<!doctype html>
<html lang="en" ng-app="myApp">
<head>
    <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no">
    <title>Expense Manager</title>
    <link rel="stylesheet" href="css/app.css" />
</head>
<body>
    <h1>Expense Manager</h1>
  
    <div class="container">
     ...