mercy-health

byAk Bk

Create a fully functional modern Health Tracker Web Application. Tech Stack: - Frontend: React.js (with Tailwind CSS for styling) - Backend: Node.js with Express - Database: MongoDB - Authentication: JWT (Login/Register system) Features: 1. User Authentication - Signup, Login, Logout - Secure password hashing - User profile (name, age, gender, weight, height) 2. Dashboard - Show today's health summary - Calories consumed - Water intake - Steps walked - Sleep hours - BMI calculation - Graphs for weekly progress 3. Health Tracking Modules - Food Tracker (add meals, calories auto calculation) - Water Tracker (add daily water intake) - Step Tracker (manual input or simulated) - Sleep Tracker (hours slept) 4. Goals System - Set daily goals (calories, water, steps) - Show progress bars - Notify when goals achieved 5. UI/UX - Clean modern design like fitness apps - Responsive for mobile and desktop - Dark mode toggle - Smooth animations 6. Charts & Analytics - Use Chart.js or Recharts - Weekly & monthly reports - Progress comparison 7. Notifications - Reminder for water intake - Reminder for sleep 8. API Integration (Optional) - Integrate with fitness APIs if available 9. Admin Panel (Optional) - View users - Manage data 10. Extra Features - Export health report as PDF - BMI calculator - Daily motivational quotes Pages: - Home Page (landing page) - Login/Register Page - Dashboard Page - Profile Page - Settings Page Make sure: - Code is clean and modular - Proper folder structure - Fully working backend APIs - Connected frontend and backend - Include instructions to run the project Also generate: - Database schema - API routes - Sample dummy data

Landing
Landing

Comments (0)

No comments yet. Be the first!

Landing design preview
Landing: View Info
Auth: Log In
Admin Panel: View Users
Admin Panel: Manage Users
Admin Panel: Edit User Data
Admin Panel: Monitor Activity