Skip to content

aneebnaqvi15/Food-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Food App - Meal Planner and Recipe Organizer

Welcome to the Food App! This web-based front-end application is designed to help users plan their meals, organize recipes, and explore various dish categories with ease. Built using HTML, CSS, and JavaScript, this app provides a user-friendly interface for meal planning and recipe management.


Features

1.Meal Planning

  • Users can create personalized weekly meal plans.
  • Add favorite dishes to specific days of the week.
  • Edit or update meal plans as needed.
  1. Recipe Organizer
  • Add and save custom recipes with detailed instructions.
  • Manage your recipe collection with an intuitive UI.
  • Search and categorize recipes for quick access.
  1. Explore Categories
  • Browse dishes from various categories such as:
    • Breakfast
    • Lunch
    • Dinner
    • Snacks
    • Desserts
  • Discover new and exciting recipes to try out.
  1. Responsive Design
  • Fully responsive interface for seamless use across devices.

Technologies Used

  • HTML: Structure and layout of the application.
  • CSS: Styling for a modern and visually appealing design.
  • JavaScript: Dynamic interactions and functionality.

Installation and Setup

  1. Clone the Repository To get a copy of the project, clone the repository:
git clone https://github.com/aneebnaqvi15/Food-App.git
  1. Open the Project Navigate to the project directory and open the index.html file in your preferred web browser.

How to Use

  1. Meal Planning:

    • Navigate to the "Meal Plan" section.
    • Select a day of the week and add dishes from your favorite recipes.
  2. Add Recipes:

    • Go to the "Recipes" section.
    • Enter recipe details, including ingredients and preparation steps.
    • Save the recipe for future use.
  3. Explore Dishes:

    • Browse the "Explore Categories" section to find dishes from various cuisines.
    • Add dishes to your favorites or include them in your meal plan.

Future Enhancements

  • Integration with a backend for user authentication and data persistence.
  • Advanced search and filtering options for recipes.
  • Calorie and nutrition tracking.
  • Sharing meal plans and recipes with friends and family.

Contributing Contributions are welcome! If you have ideas or suggestions, feel free to fork the repository and submit a pull request.


Contact For any questions or feedback, feel free to reach out:


Thank you for using the Food App! Happy meal planning! 🍴

food.app.mp4

About

Welcome to the Food App! This web-based front-end application is designed to help users plan their meals, organize recipes, and explore various dish categories with ease. Built using HTML, CSS, and JavaScript, this app provides a user-friendly interface for meal planning and recipe management.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors