Health Challenge Tracker๐Ÿคธโ€โ™‚๏ธ

Health Challenge Tracker is a web application for tracking and exploring workout activities. Users can add, filter, and view detailed workout progress.

Features

  • Add Workout: Add workout details including name, duration, and type.
  • Filter Workouts: Search workouts by name or filter by type.
  • View Progress: See detailed workout progress for each user.
  • Pagination: Navigate through users with pagination.

Usage

Adding a Workout ๐Ÿ’ช

  1. Go to the "Add Workout" page.
  2. Enter workout details: name, duration, and type.
  3. Submit to add the workout.

Filtering Workouts ๐Ÿ”

  1. Visit the "Explore" page.
  2. Use the search bar to filter by name.
  3. Use the dropdown to filter by workout type.

Viewing User Progress ๐Ÿ“ˆ

  1. On the "Explore" page, click a user's name.
  2. View detailed workout progress for the selected user.

HOME PAGE image

EXPLORE PAGE image

ADD WORKOUT image

Run Locally

  1. Clone the repository:

    git clone https://github.com/shantanupawarcode07/Health-Challenge-Tracker
    cd Health-Challenge-Tracker
  2. Install dependencies

   npm install
  1. Run the project
   npm start
  1. You can access the project at http://localhost:4200