Health Tracker is a comprehensive health tracking application built with Angular and Java SpringBoot. It empowers users to monitor their daily health metrics and visualize progress over time with interactive charts and real-time updates.
Track and log various health indicators for a holistic health overview:
- 🏃 Daily Steps: Stay active and meet your fitness goals.
- 🍎 Calorie Intake: Track your meals and maintain a balanced diet.
- ❤️ Heart Rate: Monitor your cardiovascular health.
- 🌙 Sleep Duration: Improve your sleep patterns and overall wellness.
- 💧 Water Consumption: Keep hydrated and healthy.
Analyze your health data with intuitive and interactive visualization:
- 🕒 Customizable Time Ranges: View data trends over daily, weekly, or monthly periods.
- 🎨 Color-Coded Metrics: Simplify data interpretation with visually distinct representations.
- 📱 Responsive Design: Optimized for mobile, tablet, and desktop views.
Get instant feedback on your health data:
- Automatic chart updates as new records are added.
- Real-time insights into progress and areas for improvement.
- Framework: Angular
- UI Styling: TailwindCSS
- Icons: Font Awesome
- Framework: Java SpringBoot
- Database: PostgreSQL
- Angular CLI (v18.2 or above)
- Java JDK (v17 or above)
- PostgreSQL
- Clone the repository:
git clone https://github.com/vinayakvthayil/Health_Tracker/tree/main/frontend.git cd frontend - Install dependencies:
npm install
- Start the Angular development server:
ng serve
- Access the application at
http://localhost:4200.
- Clone the backend repository:
git clone https://github.com/vinayakvthayil/Health_Tracker/tree/main/backend.git cd backend - Configure the
application.propertiesfile with your database credentials. - Build and run the SpringBoot server:
mvn spring-boot:run
- Backend will run on
http://localhost:8080.
- Register or log in to access all features.
- Log your health metrics and navigate through the sidebar for different functionalities.
- Use the analytics page to review and analyze trends in your data.
