/Capstone-Meal-DB

MealDB is a simple web app build on an external API based on the exact name, and an Involvement API which is used to record the user interactions including likes, and comments.

Primary LanguageJavaScriptMIT LicenseMIT

Microverse Capstone Project (MealDB)

πŸ“— Table of Contents

πŸ“– Microverse Capstone Project (MealDB)

This Capstone Project is built on MealDB, an external API, and an Involvement API which is used to record the user interactions including likes, and comments.

The external API service used is called MealAPI. MealDB is a crowd-sourced database of recipes from around the world. It was created in 2008 by two developers in the UK, and it has since grown to include over 29,000 recipes from over 100 countries.

It is a free resource, and anyone can contribute recipes or edit existing ones. The database is organized by category, cuisine, ingredient, and country. Users can search for recipes by name, ingredient, or keyword. It shows that MealDB is a valuable resource for anyone who loves to cook or who is looking for new recipes to try. Therefore, it is a great resource for developers who want to create applications that allow users to find and share recipes.

This project is built as part of the 12-month Microverse Full-Stack Web Development Program, mostly on JavaScript tasks.

(back to top)

πŸ›  Built With

Tech Stack

This capstone project is built and configured using the following tools:

Languages
Development Applications
Git / GitHub
Web Configuration Applications

Key Features

The three key features used in my MealDB API project include:

  • The first feature introduces the main page of the app, which displays a list of meals.
  • The second feature describes the popup window that appears when a user clicks on a meal. The popup window contains more information about the meal, such as the ingredients, preparation instructions, and a list of comments.
  • The third feature states that the number of likes and comments for each meal is also displayed on the main page.

(back to top)

πŸš€ Live Demo

The Live Demo of this Capstone Project is available now on GitHub Pages and YouTube.

(back to top)

πŸ’» Getting Started

The project you will build is an online website that uses an external API service. The repository provides design guidelines for creating the website, but it is important to personalize your project with something unique to add to your portfolio for job searching.

The website will be based on an external API service, which means that it will pull data from another source. This could be a database, a web service, or another API. The repository provides some of the design guidelines for creating the website, such as the layout, the colors, and the fonts. However, it is important to personalize your project by adding your own unique touches. This could include using a different color scheme, adding custom graphics, or creating a unique user interface.

Setup

To get a local copy, follow the steps below:

  1. Open your terminal

  2. Navigate to the directory where you want to clone the project.

  3. Clone the project using git clone or directly by running the following command

    git clone git@github.com:katarighe/Capstone-Meal-DB.git

  4. Open your editor and follow the steps mentioned below

Install

  • npm install

Usage

  • npm run build
  • npm start

(back to top)

πŸ‘₯ Authors

πŸ‘€ Mohamed Aden Ighe

πŸ‘€ Lawmsangi Varte

(back to top)

🀝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

Give a star⭐️ or a thumbs up πŸ‘ if you like this project! You can visit my GitHub profile for more of my projects.

(back to top)

πŸ™ Acknowledgments

(back to top)

πŸ“ License

This project is MIT licensed.

(back to top)