Fit Fusion - Health Challenge Tracker

Overview

Health Challenge Tracker is a single-page application (SPA) developed using Angular 14+. This application allows users to track their workouts, manage workout data, and visualize workout progress through various features. It is designed to help users maintain their fitness goals and monitor their activities efficiently.

Features

User Input

• Add User Details: Allows users to input their name, workout type, and workout duration.
• Workout Tracking: Records and displays user workout data in a structured format.

Workout List

• Search by Name: Quickly find users by searching their names.
• Filter by Workout Type: Filter the workout list based on the type of workout.
• Pagination: Efficiently navigate through a large list of users with pagination.

Data Visualization

• Workout Progress Charts: Optionally display users' workout progress using charts for better visualization.

Storage

• LocalStorage: User data is stored locally using localStorage for persistence.

Responsive Design

• Responsive UI: The application is designed to be responsive and user-friendly, making it accessible on various devices.

Screenshots

Getting Started

Follow these steps to run the application locally.

Prerequisites

• Node.js
• Angular CLI

Installation

1. Clone the Repository:

   git clone https://github.com/swarnilk29/fit-fusion.git

2. Install Dependencies:

   npm install

Running the Application

1. Start the Development Server:

   ng serve

   Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.

Code Scaffolding

To generate a new component, use the following command:

ng generate component component-name

You can also use:

ng generate directive|pipe|service|class|guard|interface|enum|module

Building the Application

To build the project, run:

ng build

The build artifacts will be stored in the dist/ directory.

Running Unit Tests

To execute the unit tests via Karma, run:

ng test

or

npm run test

To execute the unit tests with coverage, run:

npm run test:cov

Running End-to-End Tests

To execute end-to-end tests via a platform of your choice, run:

ng e2e

Ensure to add a package that implements end-to-end testing capabilities first.

Further Help

For more help on Angular CLI, use:

ng help

or check out the Angular CLI Overview and Command Reference page.