https://github.com/shuddha2021/healthy-food-app

A user-friendly web application to help individuals select meals based on various diets and age groups, offering meal suggestions, weekly meal plans, and nutritional analysis using Chart.js.
https://github.com/shuddha2021/healthy-food-app

chartjs css html javascript meal-planner nutrition web-development

Last synced: 6 days ago
JSON representation

A user-friendly web application to help individuals select meals based on various diets and age groups, offering meal suggestions, weekly meal plans, and nutritional analysis using Chart.js.

• Host: GitHub
• URL: https://github.com/shuddha2021/healthy-food-app
• Owner: shuddha2021
• Created: 2024-06-06T20:28:42.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-06-18T18:40:32.000Z (7 months ago)
• Last Synced: 2024-11-06T19:50:19.089Z (about 2 months ago)
• Topics: chartjs, css, html, javascript, meal-planner, nutrition, web-development
• Language: HTML
• Homepage: https://diet-app-two.vercel.app/
• Size: 16.6 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Healthy Food App

A user-friendly web application to help individuals select meals based on various diets and age groups. This app offers meal suggestions, weekly meal plans, and nutritional analysis using Chart.js.

## Features

- **Diet Selection**:

  - Choose from a variety of diets including Vegan, Mediterranean, Paleo, Ketogenic, and more.

- **Age Group Selection**:

  - Get meal suggestions tailored to children, adults, or seniors.

- **Meal Suggestions**:

  - Receive breakfast, lunch, and dinner suggestions with nutritional information.

- **Nutritional Analysis**:

  - Visualize the nutritional breakdown of suggested meals using Chart.js.

- **Favorites**:

  - Save favorite meals for quick access.

- **Weekly Meal Plan**:

  - Generate a weekly meal plan based on selected diet and age group.

- **Healthy Eating Tips**:

  - Access a list of tips to maintain a healthy diet.

## Technologies Used

- **HTML**: Structure of the web application.

- **CSS**: Styling the web application.

- **JavaScript**: Interactivity and logic implementation.

- **Chart.js**: Visualizing nutritional data.

## Getting Started

### Prerequisites

To run this project, you need a modern web browser.

### Installation

1. Clone the repository.

   ```bash

   git clone https://github.com/yourusername/healthy-food-app.git

2. Navigate to the project directory.

bash

Copy code

cd healthy-food-app

3. Open index.html in your web browser to run the application.

   

### Project Structure

index.html: The main HTML file containing the structure of the app.

style.css: The CSS file for styling the app.

script.js: The JavaScript file containing the app logic.

### Usage

1. Select a diet from the dropdown menu.

2. Select an age group from the dropdown menu.

3. Click "Get Meal Suggestions" to receive meal suggestions.

4. Add meals to your favorites.

5. Generate a weekly meal plan.

6. Review healthy eating tips.

### Screenshot





### Why This Project Is Useful

This project serves as a practical tool for individuals looking to maintain a healthy diet tailored to their dietary preferences and age group. It also demonstrates the use of web technologies such as HTML, CSS, JavaScript, and Chart.js in building an interactive web application.

### Contributing

Contributions to this project are welcome. Please fork the repository and create a pull request with your changes.