gaetanBloch / angular-fitness

Fitness Tracker Application using Angular 9, Material Design and Firebase

Home Page:https://angular-fitness-f641e.web.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Angular Fitness Tracker

The application was built using Angular 9, Angular Material, NgRx and Firebase as a backend and Host service. It consists of a fitness tracking application by performing Exercises.

The application was deployed on Firebase, to access it, click here.

Running Application Process on your computer

  1. Download the application by Clicking this link
  2. Unzip the application
  3. Download and Install node.js
  4. Open a terminal
  5. Make sure you have the latest version of the Angular CLI, if not:
    • Run npm uninstall -g angular-cli @angular/cli
    • Run npm cache clean --force
    • Run npm install -g @angular/cli
  6. Move to the root of the application
  7. Run npm install
  8. Run ng serve
  9. Navigate to http://localhost:4200/ with your favourite browser

Application

Welcome Page

Welcome Page

Sign up Page

Sign up

Login Page

Login

New Exercise Page

New Exercise

Running Exercise Page

Running Exercise

Past Exercises Page

Past Exercises

Reactive Design

Page Reactive 1 & Page Reactive 2

404 NOT FOUND

404 NOT FOUND

About

Fitness Tracker Application using Angular 9, Material Design and Firebase

https://angular-fitness-f641e.web.app/


Languages

Language:TypeScript 70.8%Language:HTML 21.8%Language:CSS 4.0%Language:JavaScript 3.4%