Health Tracker Application

A comprehensive full-stack health tracking application built with React and Node.js that helps users monitor and manage their health metrics, set goals, and visualize their progress.

Features

🏥 Health Data Tracking

• Weight Monitoring: Track your weight over time with historical records
• Nutrition Logging: Record meals with detailed macronutrient information (calories, protein, carbs, fat)
• Exercise Tracking: Log workouts with duration, calories burned, and distance
• Sleep Monitoring: Track sleep duration and quality
• Vital Signs: Record blood pressure, heart rate, and body temperature

📊 Analytics & Visualization

• Interactive charts showing weight trends, nutrition patterns, and exercise activity
• Dashboard with real-time health metrics overview
• BMI calculation and categorization
• Progress tracking with visual indicators

🎯 Goal Management

• Create custom health goals (weight loss, exercise targets, etc.)
• Track progress towards goals with visual progress bars
• Mark goals as completed or manage multiple active goals

👤 User Management

• Secure user registration and authentication
• Personal profile management
• Customizable user settings (age, height, gender)

Technology Stack

Frontend

• React 18: Modern component-based UI framework
• React Router: Client-side routing
• Chart.js: Data visualization
• Axios: HTTP client for API calls
• CSS3: Responsive styling

Backend

• Node.js: JavaScript runtime
• Express.js: Web application framework
• SQLite3: Lightweight database
• JWT: Secure authentication
• bcryptjs: Password hashing
• express-validator: Input validation

Installation

Prerequisites

• Node.js (v14 or higher)
• npm or yarn

Setup Instructions

1. Clone the repository

   git clone <repository-url>
   cd health_tracker

2. Install backend dependencies

   npm install

3. Install frontend dependencies

   cd src/frontend
   npm install
   cd ../..

4. Set up environment variables

   cp .env.example .env

   Edit .env and set your configuration:

   PORT=3001
   NODE_ENV=development
   JWT_SECRET=your-secret-key-here
   

5. Start the application

   Development mode (runs both frontend and backend):

   npm run dev

   Or run separately:

   Backend:

   npm run server

   Frontend (in a new terminal):

   npm run client

6. Access the application

   • Frontend: http://localhost:3000
   • Backend API: http://localhost:3001

Project Structure

health_tracker/
├── src/
│   ├── backend/
│   │   ├── api/              # API route handlers
│   │   │   ├── auth.js       # Authentication endpoints
│   │   │   ├── users.js      # User management
│   │   │   ├── health.js     # Health data endpoints
│   │   │   ├── goals.js      # Goal management
│   │   │   └── analytics.js  # Analytics endpoints
│   │   ├── database/
│   │   │   └── db.js         # Database initialization and queries
│   │   ├── middleware/
│   │   │   └── auth.js       # JWT authentication middleware
│   │   └── server.js         # Express server setup
│   └── frontend/
│       ├── public/
│       │   └── index.html    # HTML template
│       └── src/
│           ├── components/   # Reusable React components
│           │   ├── Navbar.js
│           │   └── Navbar.css
│           ├── pages/        # Page components
│           │   ├── Login.js
│           │   ├── Register.js
│           │   ├── Dashboard.js
│           │   ├── Profile.js
│           │   ├── HealthData.js
│           │   ├── Goals.js
│           │   └── Analytics.js
│           ├── services/
│           │   └── api.js    # API service layer
│           ├── App.js        # Main application component
│           ├── index.js      # Application entry point
│           └── index.css     # Global styles
├── package.json              # Backend dependencies
├── .env.example              # Environment variables template
├── .gitignore
└── README.md

API Endpoints

Authentication

• POST /api/auth/register - Register new user
• POST /api/auth/login - User login

User Management

• GET /api/users/profile - Get user profile
• PUT /api/users/profile - Update user profile

Health Data

• GET /api/health/weight - Get weight records
• POST /api/health/weight - Add weight record
• GET /api/health/nutrition - Get nutrition records
• POST /api/health/nutrition - Add nutrition record
• GET /api/health/exercise - Get exercise records
• POST /api/health/exercise - Add exercise record
• GET /api/health/sleep - Get sleep records
• POST /api/health/sleep - Add sleep record
• GET /api/health/vitals - Get vital records
• POST /api/health/vitals - Add vital record

Goals

• GET /api/goals - Get all goals
• POST /api/goals - Create new goal
• PUT /api/goals/:id - Update goal
• DELETE /api/goals/:id - Delete goal

Analytics

• GET /api/analytics/dashboard - Get dashboard summary
• GET /api/analytics/weight-trend - Get weight trend data
• GET /api/analytics/nutrition-trend - Get nutrition trend data
• GET /api/analytics/exercise-summary - Get exercise summary

Database Schema

Users Table

• id, email, password, name, age, gender, height, created_at, updated_at

Weight Records

• id, user_id, weight, date, notes, created_at

Nutrition Records

• id, user_id, meal_type, description, calories, protein, carbs, fat, date, created_at

Exercise Records

• id, user_id, exercise_type, duration, calories_burned, distance, notes, date, created_at

Sleep Records

• id, user_id, sleep_duration, quality, date, created_at

Vital Records

• id, user_id, blood_pressure_systolic, blood_pressure_diastolic, heart_rate, temperature, date, created_at

Goals

• id, user_id, goal_type, target_value, current_value, start_date, target_date, status, created_at, updated_at

Security Features

• Password hashing with bcrypt
• JWT-based authentication
• Input validation on both frontend and backend
• Protected API routes
• SQL injection prevention through parameterized queries

Usage Guide

1. Register/Login: Create an account or login with existing credentials
2. Set up Profile: Add your personal information (height, age, gender) for accurate BMI calculations
3. Track Health Data: Use the Health Data page to log weight, meals, exercise, sleep, and vitals
4. Set Goals: Create health goals and track your progress
5. View Analytics: Check the Analytics page to see your progress with interactive charts
6. Monitor Dashboard: Get a quick overview of your health metrics on the dashboard

Development

Running Tests

npm test

Building for Production

npm run build

Contributing

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

License

This project is licensed under the ISC License - see the LICENSE file for details.