Skip to content

kevinglier/Time-Measurement-Angular

Repository files navigation

Time Measurement

Check the latest build: https://kevinglier.github.io/Time-Measurement-Angular/dist/index.html

About

Here we have a small Angular 5 SPA, which enables you to simply track the time for any task you're currently working on.

Screenshot

Features

  1. Table with tracking entries
    • new entries can be added
    • each entry displays the time the task was started, the duration it took and a note you define
    • entries can be edited
  2. Timer, which can is working in both direction (counting down or up)
    • Task are created automatically with the current time. The duration counts up, when the timer is running
    • The timer can be started, paused or stopped.

How to continue with this Project

The only tools you need is an text edtior or IDE and NodeJS in a version above 8. If you meet these requirements, all you have to do is the following:

  1. Clone the Repository to the desired location on your computer
  2. Open a terminal (eg. Powershell) in the repositories directory and type "npm install"
  3. To work and test the application, type "npm run ng serve" or "npm run ng test".

Original Angular Notes to Cheat when Necessary

Here are the original angular notes. Maybe this will be useful sometimes.

To be deleted some day...

This project was generated with Angular CLI version 1.7.4.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|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.

Further help

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