TrackMyWorkouts: Workout Tracking App

A front-end fitness app that allows users to track workouts, manage workout sessions, and log progress.

Report Bug · Request Feature

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Usage
4. Roadmap
5. Contributing
6. License
7. Contact

About The Project

This project provides a simple interface to log and manage your workout routines. It uses JavaScript to store data in the browser’s local storage for offline access, manipulates DOM elements, and manages classes for enhanced interactivity. Firebase Realtime Database securely stores workout data, syncing with local storage for efficient retrieval. With this app you can:

• Add new workouts with multiple sets
• Edit existing workouts
• Delete workouts
• Log completed sessions with timestamp
• View logged workout sessions

(back to top)

Built With

• 
• 
• 
• 

(back to top)

Getting Started

Prerequisites

No prerequistes are required to run this project.

Installation

To use TrackMyWorkouts, you can access the live version hosted on Netlify:

TrackMyWorkouts Live

Adding to Mobile Homescreen

To use TrackMyWorkouts efficiently on mobile devices:

Safari (iOS)

1. Open Safari and navigate to TrackMyWorkouts Live.
2. Tap the "Share" button at the bottom center.
3. Scroll down and tap on "Add to Home Screen".
4. Enter a name for the shortcut and tap "Add".

Chrome (Android)

1. Open Chrome and navigate to TrackMyWorkouts Live.
2. Tap the menu button (three dots) at the top right.
3. Select "Add to Home screen".
4. Enter a name for the shortcut and tap "Add".

(back to top)

Usage

Once installed:

1. Log in or Enter Name: When first accessing the app, you'll be prompted to enter your name to personalize the experience.
2. Add New Workout: Click on "Add new workout" to start adding a new workout session. Enter the workout details (name, description, sets).
3. Edit Workout: Click on the edit button on any existing workout card to edit its details or add more sets.
4. Complete Workout: Click on "Complete workout" button to log your completed workout session.
5. View Logged Sessions: Scroll down to see a list of logged sessions with details of each completed workout.

(back to top)

Roadmap

• Weight conversions to lbs when adding sets
• Track workout time
• Photo updates folder to track changes in body

(back to top)

Contributing

Contributions are welcome! If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

(back to top)

License

Distributed under the MIT License. See LICENSE for more information.

(back to top)

Contact

Email: eb.angelnjoku@gmail.com

(back to top)