Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/johndev19/fitness-tracker
FitTrack Pro is a startup project and requires further implementation for full functionality. It's a simple web application designed to help users track their fitness journey, set goals, and monitor progress. Built with AngularJS, vanilla JavaScript, and PHP for the backend.
https://github.com/johndev19/fitness-tracker
angular-js angularjs css html javascript php startup-project system template template-generic-repo vanilla-js
Last synced: 14 days ago
JSON representation
FitTrack Pro is a startup project and requires further implementation for full functionality. It's a simple web application designed to help users track their fitness journey, set goals, and monitor progress. Built with AngularJS, vanilla JavaScript, and PHP for the backend.
- Host: GitHub
- URL: https://github.com/johndev19/fitness-tracker
- Owner: JohnDev19
- License: mit
- Created: 2024-07-24T08:14:14.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-08-10T03:22:30.000Z (3 months ago)
- Last Synced: 2024-10-31T04:04:52.597Z (14 days ago)
- Topics: angular-js, angularjs, css, html, javascript, php, startup-project, system, template, template-generic-repo, vanilla-js
- Language: JavaScript
- Homepage: https://johndev19.github.io/Fitness-Tracker/
- Size: 16.6 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# FitTrack Pro - Fitness Tracker
FitTrack Pro is a startup project and requires further implementation for full functionality. It's a simple web application designed to help users track their fitness journey, set goals, and monitor progress. Built with AngularJS, vanilla JavaScript, and PHP for the backend.
## Features
- **Dashboard**: Get an overview of your fitness stats, including total workouts, calories burned, and current streak.
- **Workout Log**: Easily log and view your workout history.
- **Progress Tracking**: Visualize your weight and workout duration progress over time.
- **Goal Setting**: Set and track personalized fitness goals.
## Technologies Used
- AngularJS
- Vanilla JavaScript
- PHP
- HTML5
- CSS3
- Chart.js
- Font Awesome
## Components
### Dashboard
- Displays fitness stats (total workouts, calories burned, total minutes, day streak)
- Recent activities list
- Weekly progress chart
### Workout Log
- Form to add new workouts
- Table to display recent workouts
### Progress
- Charts to display weight progress and workout duration progress
### Goals
- Form to set new goals
- List to display current goals with progress bars
## Getting Started
1. Clone the repository:
```bash
git clone https://github.com/JohnDev19/Fitness-Tracker.git
```
2. Navigate to the project directory:
```bash
cd Fitness-Tracker
```
3. Set up the PHP backend:
- Ensure you have a local server environment set up (e.g., XAMPP, WAMP).
- Place the project folder in the server's root directory (e.g., `htdocs` for XAMPP).
4. Open `index.html` in your browser to view the application.
## Development
To modify the application:
1. Edit the HTML in `index.html`.
2. Update the styles in the `` section.
3. Modify the JavaScript logic in `app.js`.
4. Update the PHP backend files in the `api` directory as needed.
### API Endpoints
- `api/dashboard.php`: Fetches dashboard data.
- `api/workouts.php`: Handles fetching and adding workouts.
- `api/progress.php`: Fetches progress data.
- `api/goals.php`: Handles fetching and adding goals.
## Future Enhancements
- User authentication and profiles
- Integration with fitness wearables
- Nutrition tracking
- Social features for sharing progress and challenges
## Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
## License
This project is open source and available under the [MIT License](LICENSE).
---
Happy coding and stay fit with FitTrack Pro! 🏋️♂️🏃♀️