The Fitness Tracking Application is a comprehensive tool designed to help users monitor and improve their fitness journey. Whether you're a beginner or an experienced athlete, this application empowers you to set goals, track workouts, and visualize your progress over time. With a user-friendly frontend built using React, this application provides a seamless and intuitive experience for users to achieve their fitness aspirations.
The application ensures secure user authentication through a signup and login system using JSON Web Tokens (JWT). It guarantees a safe and reliable way for users to access their fitness data. Additionally, a password reset functionality via email is implemented to assist users who forget their login credentials
The dashboard offers a comprehensive overview of users' fitness journey. It displays fitness statistics, recent workouts, and the progress made towards individual fitness goals. This snapshot enables users to stay motivated and informed about their achievements
Users can effortlessly log their workouts through the application. They can record exercise details such as type, duration, intensity, and personal notes. This feature simplifies the process of tracking workouts and ensures that users have a complete record of their physical activities
The Fitness Goals feature empowers users to set personalized fitness objectives. Whether it's running a specific distance or lifting a particular weight, users can establish goals tailored to their preferences. The application then enables them to track their progress towards these targets, providing a sense of accomplishment and direction
The Workout History feature offers a chronological record of past workouts. Users can effortlessly navigate and review their exercise history. The ability to filter and search for specific exercises or dates makes it convenient to track specific aspects of their fitness routine
To facilitate proper workout execution, the application provides an extensive exercise library. Users can explore a variety of exercises, each accompanied by detailed descriptions and instructional images or videos. This resource ensures that users maintain proper form and technique during their workouts
- HTML: Markup language for creating the structure of web pages.
- CSS: Styling language for enhancing the appearance of the application.
- JavaScript: Programming language for implementing interactive functionality.
- React: JavaScript library for building user interfaces.
- React Router: Library for handling routing in a React application
Follow these steps to get the Fitness Tracking Application up and running on your local machine:
- Clone the repository:
git clone [email protected]:Ase020/fitTrackr-client.git - Navigate to the project directory:
cd fitTrackr-client - Install dependencies:
npm install - Start the development server:
npm run dev - Access the application in your web browser at
https://fittrackr-8zow.onrender.com/
Make sure to configure the necessary environment variables for database connections, authentication, and email services as per your requirements
Start your fitness journey today with the Fitness Tracking Application. Set goals, track workouts, and achieve your best self!
Contributions to this project are welcome! If you find any issues or have suggestions for improvements, please open an issue or submit a pull request.
The project is hosted on two separate repositories:
- The React Frontend deployed at the Readers-haven-client
- The Ruby Backend
The project is licensed under Apache 2.0.
This project utilizes the following technologies:
-
Frontend:
- React: JavaScript library for building user interfaces.
- React Router: Library for handling routing in a React application.
-
Backend:
- Ruby on Rails: Web application framework used for the backend development.
- Felix Nyalenda
- Brian Rono
- Daniel Orenege
- Sherleen Ringa
- Milhan Omar