Loading repository data…

The-Meal-App-Coding-Ninjas

The Meal App is a web application that allows users to search for and discover new meals and recipes. Users can search for meals by name, ingredient, or category, and can also save their favourite meals for quick access later. The app also includes a feature to watch recipe videos on youtube. This app is part of Coding Ninjas CC Course.

#css#css-flexbox#html-css-javascript#html5#javascript

README preview

The Meal App

This project is a web application that utilizes the power of vanilla JavaScript to provide a seamless user experience. The main feature of the app is its ability to search for food recipes using the Themealdb API. The API returns a variety of data related to the searched recipe, such as ingredients, instructions, and nutritional information. The app then displays this information in an easy-to-read format, allowing users to quickly find the recipe they are looking for.

In addition to the search feature, the app also includes the ability for users to view details of the selected recipe. This includes a more in-depth look at the recipe's ingredients and instructions, as well as nutritional information. Users can also mark their favorite recipes for easy access in the future.

Overall, this project demonstrates your skills in working with APIs, JavaScript, and web development in general. The use of vanilla JavaScript allows for a lightweight and fast-performing application, without the need for any additional JavaScript frameworks. It's a great addition to your portfolio to show your ability to create a functional web application from scratch.

Key Features

Search Meal by name
Auto sugestion on pressed keyword
Save favrouite meals for future use
Ability to restore saved meals even after reopening the browser
Works seamlessly on both mobile and desktop devices

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

A web browser (e.g. Google Chrome, Firefox, Safari)
An internet connection
A code editor (e.g. VS Code, Atom)

Installing

Clone or download the repository to your local machine
Open the project in your code editor
Open the index.html file in your web browser to run the app

Built With

HTML
CSS
JavaScript

Demo

Check out the live demo of the application at https://imsahadeb.github.io/The-Meal-App-Coding-Ninjas/

Authors

@imsahadeb

License

This project is licensed under the MIT License - see the LICENSE.md file for details.