Affordable, user-friendly heart-rate monitoring with personalized fitness guidance.
Heart disease is a major public-health issue, and many monitoring tools are either too expensive or too complex for daily life. Heart Monitor focuses on accessibility: real-time heart-rate tracking, clear feedback, and practical recommendations.
- Real-time heart-rate monitoring
- Exercise/rest mode awareness
- Personalized workout recommendations
- Nutrition-oriented guidance
- Dashboard, statistics, and profile flows
These colors come directly from the app (tailwind.config.js) to keep the portfolio presentation consistent with the product.
| Zone | Hex | Meaning |
|---|---|---|
| Resting | #4CAF50 |
Calm / recovery |
| Exercising | #FF9800 |
Active training |
| Optimal | #2196F3 |
Target zone |
| Warning | #F44336 |
Out-of-range alert |
cd heart-monitor
npm install
npm run devApp runs on Vite default local server.
From heart-monitor/:
npm run dev— start development servernpm run build— type-check and create production buildnpm run lint— run ESLintnpm test— run auth service smoke tests
- Keep production secrets (API keys, service credentials) in environment variables, never in committed source.
- Restrict Firebase project rules (Auth/Firestore/Storage) to the minimum necessary access.
- Validate and sanitize profile/user inputs before using them in future backend integrations.
- Review dependency updates regularly and patch known vulnerabilities quickly.
Built to be simple, clear, and portfolio-ready.