Health First

Web Application for Elderly People

Welcome to Health First, a web application designed to cater to the health and wellness needs of elderly individuals. This comprehensive platform provides various features to ensure a holistic approach to healthcare and well-being.

Table of Contents

1. Introduction
2. Features
3. Live Demo
4. Screenshots
5. Getting Started
6. Dependencies
7. Installation
8. Usage
9. Issues and Contributions

Introduction

Health First is specifically designed for elderly individuals, offering a user-friendly interface and a range of features to address their health concerns. The application covers various aspects, including appointment management, interaction with a chatbot, dietary guidance, and a BMI calculator.

Features

1. Signup

• Users can create an account using their email, name, and password.

2. Login

• Secure login using email and password.

3. Home

• Display information about upcoming and previous appointments with doctors.

4. Schedule Appointment

• Users can easily schedule appointments with healthcare professionals.

5. Diet and Tips

• Provides various diet plans for snacks, breakfast, lunch, and dinner.
• Offers tips for maintaining a healthy lifestyle.

6. Talk Bot

• Integrated with Google BARD, allowing users to interact with a chatbot for health-related queries and assistance.

7. BMI Calculator

• Includes a BMI calculator to help users assess their body mass index.
• Instantly informs users about whether they are normal, overweight, or underweight.

Live Demo

Visit the live demo of the application at https://elderly-health.netlify.app/

Screenshots

• Signup

• Login

• Home

• Schedule Appointment

• Diet and Tips

• Talk Bot

• BMI Calculator

Getting Started

To get started with the Health First web application, follow these steps:

Dependencies

The Health First web application relies on the following dependencies:

Backend Dependencies

"dependencies": {
    "bcryptjs": "^2.4.3",
    "cors": "^2.8.5",
    "express": "^4.18.2",
    "joi": "^17.11.0",
    "jsonwebtoken": "^9.0.2",
    "mongoose": "^8.0.3",
    "openai": "^4.24.0"
},
"devDependencies": {
    "dotenv": "^16.3.1",
    "nodemon": "^3.0.2"
}

Frontend Dependencies

"dependencies": {
    "@emotion/react": "^11.11.1",
    "@emotion/styled": "^11.11.0",
    "@mui/icons-material": "^5.15.1",
    "@mui/material": "^5.15.1",
    "@testing-library/jest-dom": "^5.17.0",
    "@testing-library/react": "^13.4.0",
    "@testing-library/user-event": "^13.5.0",
    "axios": "^1.6.2",
    "bootstrap": "^5.3.2",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-router-dom": "^6.21.0",
    "react-scripts": "5.0.1",
    "react-toastify": "^9.1.3",
    "web-vitals": "^2.1.4"
}

Installation

1. Clone the repository.

    git clone https://github.com/kirteshmaskey/health-first.git
    cd health-first

2. Install dependencies.

   • To install server dependencies:

      cd server
      npm install

   • To install client dependencies:

      cd client
      npm install

Usage

1. Start the frontend server (client directory).

    npm start

2. Start the backend server (server directory).

    npm start

3. Open the application in your web browser.

    http://localhost:3000

Issues and Contributions

If you encounter any issues with the Health First web application or have suggestions for improvements, feel free to raise an issue on the GitHub repository.

If you'd like to contribute to the project, you can follow these steps:

1. Fork the repository.
2. Create a new branch for your feature or bug fix: git checkout -b feature-name.
3. Implement your changes and commit them: git commit -m "Description of changes".
4. Push your changes to the branch: git push origin feature-name.
5. Open a pull request on the GitHub repository with a detailed description of your changes.

Your contributions are highly appreciated! Together, we can make Health First even better.