Swasth

Introduction

Swasth is a health and fitness website designed to help users monitor their health statistics, track physical activities, and manage key health metrics such as BMI, calorie intake, and workout routines. The platform provides a visually appealing interface and delivers real-time data visualization and personalized health insights, offering an interactive and user-friendly experience.

Features

• Health Stats Overview: Displays key metrics including BMI, calorie intake, and other important health data.
• Activity Tracking: Allows users to monitor their daily, weekly, and monthly physical activities through informative charts and statistics.
• Meal Tracking: Users can search for meals, add them to their diet, and calculate nutrient intake.
• Responsive Design: Optimized for seamless usage across all devices including desktops, tablets, and mobile phones.
• AI-Powered Chatbot: Provides instant health-related assistance and recommendations to users, enhancing their overall experience.
• Modern User Interface: Built with React.js and Chakra UI, the application boasts a clean, intuitive, and consistent user interface.

Technology Stack

• Frontend: React.js, Vite
• UI Framework: Chakra UI (optional)
• CSS: Custom CSS for component styling
• JavaScript: Handles dynamic functionality and data management

Key Components

1. Health Stats Overview

   • Displays real-time health metrics like BMI and calorie intake.
   • Easy-to-read charts and visualizations provide quick insights.

2. Activity Tracking

   • Tracks physical activities such as steps, exercises, and workouts.
   • Users can view their progress in daily, weekly, and monthly charts.

3. Meal Tracking

   • Users can search for meals, add them to their diet, and calculate their nutrient intake.
   • Visualizes consumed meals and nutrient summaries.

4. Chatbot

   • An AI-powered chatbot responds to user queries related to health, fitness, and nutrition.
   • Provides personalized recommendations based on user input.

5. Responsive Design

   • Designed for a consistent and smooth experience across different screen sizes, including mobile devices.

6. Modern UI

   • Clean and minimalistic design for a visually appealing user experience.

Live Demo

You can explore the live version of the app here.

Presentation Video

Check out the presentation video here.

File Structure

Here’s the suggested file structure for the project:

Getting Started

To get a local copy of the project up and running, follow these steps:

Prerequisites

• Node.js installed on your machine.
• npm or yarn package manager.

Installation

1. Clone the repository:

   git clone https://github.com/your-username/swasth.git

cd swasth npm install npm start