Fitness-Web is an interactive React.js application designed to help users track their fitness goals, follow workout plans, and maintain a healthy lifestyle. It provides users with personalized workout routines, a nutrition tracker, and progress monitoring tools.
Table of Contents Features Demo Technologies Used Installation Usage Folder Structure Contributing License Features Personalized Workout Plans: Customized workout routines based on user preferences and goals. Nutrition Tracker: Monitor daily calorie intake and macronutrient breakdown. Progress Tracking: Log workout details and view progress over time. User Authentication: Secure sign-in and registration with JWT-based authentication. Responsive Design: Works seamlessly on desktop, tablet, and mobile devices. Interactive Charts: Visualize fitness progress with interactive graphs. Demo You can try out the live demo of Fitness-Web here: Fitness-Web Demo (replace with actual link)
Technologies Used React.js: Frontend framework for building the user interface. React Router: For handling navigation within the application. Redux: State management for managing user data across components. Axios: For handling API requests.
Installation To get started with Fitness-Web, follow these steps:
Clone the repository:
bash git clone https://github.com/Social-ali/Fitness-web.git Navigate to the project directory:
bash cd fitness-web Install dependencies:
bash npm install Set up environment variables:
Create a .env file in the root directory and add necessary environment variables like API keys, etc. (if applicable).
Run the application:
bash npm start