A modern health and fitness tracking application built with React and TypeScript.
Healthyfyme is a comprehensive health and fitness tracking application that helps users monitor their wellness journey. The application provides features for tracking workouts, nutrition, and overall health metrics, offering a user-friendly interface for managing personal health goals.
- 📊 Health metrics tracking and visualization
- 🏋️♂️ Workout logging and progress monitoring
- 🥗 Nutrition tracking and meal planning
- 📱 Responsive design for all devices
- 🔐 Secure user authentication
- 📈 Data visualization with interactive charts
- 🔄 Real-time data synchronization
- Frontend Framework: React 18
- Language: TypeScript
- Styling: Tailwind CSS
- State Management: Zustand
- Routing: React Router
- Charts: Recharts
- Animation: Framer Motion
- Backend: Supabase
- Build Tool: Vite
- Linting: ESLint
- Package Manager: npm
-
Clone the repository:
git clone https://github.com/yourusername/healthyfyme.git cd healthyfyme
-
Install dependencies:
npm install
-
Create a
.env
file in the root directory and add your Supabase credentials:VITE_SUPABASE_URL=your_supabase_url VITE_SUPABASE_ANON_KEY=your_supabase_anon_key
-
Start the development server:
npm run dev
- Open your browser and navigate to
http://localhost:5173
- Create an account or log in with existing credentials
- Start tracking your health metrics, workouts, and nutrition
- Use the dashboard to monitor your progress
We welcome contributions to Healthyfyme! Here's how you can help:
- Fork the repository
- Create a new branch for your feature (
git checkout -b feature/amazing-feature
) - Commit your changes (
git commit -m 'Add some amazing feature'
) - Push to the branch (
git push origin feature/amazing-feature
) - Open a Pull Request
Please ensure your code follows the project's coding standards and includes appropriate tests.
This project is licensed under the MIT License - see the LICENSE file for details.
For any questions or support, please contact:
- Email: [Your Email]
- GitHub: [Your GitHub Profile]
- LinkedIn: [Your LinkedIn Profile]
Made with ❤️ by [Your Name]