Health Tracker

A comprehensive health and wellness tracking application built with React and TypeScript. Track your daily activities, monitor health metrics, and maintain your wellness goals all in one place.

live: https://flourishing-basbousa-dc27ba.netlify.app/

Features

• Activity Tracking

  • Daily step counter
  • Progress visualization
  • Goal setting (10,000 steps daily target)

• Weight Management

  • Weight tracking
  • Daily calorie monitoring
  • Progress visualization

• Sleep Analysis

  • Sleep duration tracking
  • Sleep quality monitoring
  • 8-hour daily sleep goal

• Water Intake

  • Daily water consumption tracking
  • Progress towards 2,000ml daily goal
  • Visual progress indicators

• Nutrition Monitoring

  • Calorie tracking
  • Daily nutrition goals
  • Progress visualization

• Mood Tracking

  • Emotional well-being monitoring
  • Daily mood logging
  • Trend analysis

Technology Stack

• React 18
• TypeScript
• Tailwind CSS
• Vite
• Lucide React Icons

Getting Started

1. Clone the repository

git clone [[repository-url](https://github.com/Pestingo/Health-Tracker-Application.git)]

2. Install dependencies

npm install

3. Start the development server

npm run dev

4. Build for production

npm run build

Usage

1. Click the "Add Entry" button in the header to input your daily health data
2. Fill in your metrics:
   • Steps taken
   • Current weight
   • Sleep hours
   • Water intake
   • Calorie consumption
   • Current mood
3. Submit the form to update your dashboard
4. Monitor your progress through the visual indicators and progress bars

Contact

For support or inquiries:

• Email: pesterpestingo@gmail.com
• WhatsApp: +2764 633 8520

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

© 2025 Health Tracker by Pestingo. All rights reserved.

---

Created with ❤️ by Pestingo