Skip to content

🌍 Explore Global Cuisines. MyFood allows you to search for foods from different countries. Whether you crave American burgers, British fish and chips, or Japanese sushi, we've got you covered!

Notifications You must be signed in to change notification settings

Asin-Junior-Honore/myfood-restaurant-website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

9 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

MyFood πŸ”πŸ•πŸ£

Welcome to MyFood, a delightful restaurant web app where you can explore a variety of cuisines from around the world! 🌎🍽️

Features ✨

🌍 Explore Global Cuisines

MyFood allows you to search for foods from different countries. Whether you crave American burgers, British fish and chips, or Japanese sushi, we've got you covered!

πŸ” Search Functionality

Easily search for different cuisines using our integrated API. Just type in the country you’re interested in, and discover delicious dishes from that region.

πŸ–ΌοΈ Hover to Reveal Names

Hover over the images of food to see the names of the dishes. This feature adds an interactive touch to your browsing experience.

πŸ“± Responsive Design

MyFood is fully responsive, ensuring a seamless experience whether you’re on a desktop, tablet, or mobile device.

Technologies Used πŸ› οΈ

  • HTML5: For the structure and content of the web pages.
  • CSS3: For styling and layout, including responsive design features.
  • JavaScript: For dynamic content and API integration.

How to Use πŸš€

  1. Visit the Website: Open the MyFood web app in your favorite browser.
  2. Search for Cuisines: Use the search bar to type in a country name (e.g., "American", "British").
  3. Browse Results: View the images of various dishes from the selected country.
  4. Hover to Discover: Hover over the food images to see the names of the dishes.
  5. Enjoy the Experience: Navigate through different cuisines and enjoy the culinary journey!

Example Usage 🍽️

  1. Search for "Italian" Cuisine:

    • Enter "Italian" in the search bar and press enter.
    • Browse through the delicious images of pasta, pizza, and more.
    • Hover over an image to see its name, like "Spaghetti Carbonara" or "Margherita Pizza".
  2. Responsive Design:

    • Open the app on your mobile device.
    • Notice how the layout adjusts to fit your screen perfectly.
    • Continue browsing and searching for dishes with ease.

Setup and Installation πŸ› οΈ

  1. Clone the Repository:

    git clone https://github.com/yourusername/myfood.git
    cd myfood
  2. Open the Project:

    • Open the index.html file in your browser to view the app locally.

Contributing 🀝

I welcome contributions! If you have suggestions for improvements or want to add new features, feel free to open an issue or submit a pull request.

Contact πŸ“¬

For any questions or feedback, please contact us at:


Thank you for using MyFood! I hope you enjoy exploring and discovering new dishes from around the world. 🍴🌏


About

🌍 Explore Global Cuisines. MyFood allows you to search for foods from different countries. Whether you crave American burgers, British fish and chips, or Japanese sushi, we've got you covered!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published