Angular 5.2.4 example to-dos application

Example Angular 5.2.4 to-dos application built from scratch, using the angular-cli.

This app manages to-dos. Using the app, the user can list, add, edit and remove to-dos.

Prerequisites

• node version 8.9.4 or higher.
• Get VS Code.
• yarn version 1.3.2 or higher.
• Angular CLI version 1.7.0-rc.0 --not a big fan of RCs. It's just for a demo this evening 😎.

Building the app from scratch

Have a look at the step by step guide.

Quick start

# clone the repo
git clone https://github.com/orlando-c-h/to-do-app.git

# change directory to repo
cd to-do-app

# Use yarn to install the dependencies
yarn

# start the server
ng serve

# navigate with your browser to http://localhost:4200/

Libraries already included in the App

• bootstrap 4.0.0 - The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
• ng-bootstrap - Angular powered Bootstrap
• font-awesome 5.0.6 - Get vector icons and social logos on your website with Font Awesome, the web’s most popular icon set and toolkit.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive/pipe/service/class/module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the -prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor. Before running the tests make sure you are serving the app via ng serve.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.