The Fitness Tracker App is a web application built using React with Vite as the build tool. It serves as a comprehensive tool for tracking and managing your workout data, offering features for cardio and strength exercises, data visualization, and statistics.
The app allows users to log their cardio workouts, including details such as exercise name, distance, duration, and date. This information is stored and can be easily viewed, edited, or deleted.
Users can also log their strength training sessions, specifying the exercise name, date, and sets information, including repetitions and weight. The app provides a user-friendly interface for managing and visualizing strength training data.
The Statistics section of the app presents insightful data visualizations, showcasing total weight lifted and total distance traveled. These statistics are dynamically updated based on the user's input and provide a quick overview of their overall progress.
- React with Vite: The application is built using the React framework, and Vite is employed as the build tool to enhance development speed.
- Material-UI: Material-UI components are utilized for a clean and modern user interface design.
- Axios: Data is fetched and updated on the server using Axios for asynchronous HTTP requests.
- Context API and Providers: Context API is used for state management, providing a centralized way to share data between components without excessive prop drilling.
- Clone the repository:
git clone https://github.com/your-account/your-repo.git
- Navigate to the project directory:
cd your-repo
- Install dependencies:
npm install
- Run the application:
npm run dev
Visit http://localhost:3000 in your browser to explore the Fitness Tracker App.