{"id":15549903,"url":"https://github.com/katarighe/capstone-meal-db","last_synced_at":"2026-05-19T04:13:12.406Z","repository":{"id":185048164,"uuid":"672843903","full_name":"katarighe/Capstone-Meal-DB","owner":"katarighe","description":"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.","archived":false,"fork":false,"pushed_at":"2023-08-04T07:16:00.000Z","size":700,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"development","last_synced_at":"2025-07-22T02:53:11.059Z","etag":null,"topics":["capstone-project","css","css3","html","javascript","microverse","microverse-projects"],"latest_commit_sha":null,"homepage":"https://astonishing-mermaid-7b5d60.netlify.app/dist/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/katarighe.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-07-31T09:44:06.000Z","updated_at":"2023-09-07T13:02:21.000Z","dependencies_parsed_at":"2024-12-08T21:40:31.257Z","dependency_job_id":"c764d3ba-af18-4436-9bbf-19dfbf4f7e5b","html_url":"https://github.com/katarighe/Capstone-Meal-DB","commit_stats":null,"previous_names":["katarighe/capstone-meal-db"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/katarighe/Capstone-Meal-DB","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/katarighe%2FCapstone-Meal-DB","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/katarighe%2FCapstone-Meal-DB/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/katarighe%2FCapstone-Meal-DB/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/katarighe%2FCapstone-Meal-DB/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/katarighe","download_url":"https://codeload.github.com/katarighe/Capstone-Meal-DB/tar.gz/refs/heads/development","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/katarighe%2FCapstone-Meal-DB/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33201543,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-18T09:27:30.708Z","status":"online","status_checked_at":"2026-05-19T02:00:06.763Z","response_time":58,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["capstone-project","css","css3","html","javascript","microverse","microverse-projects"],"created_at":"2024-10-02T13:41:55.638Z","updated_at":"2026-05-19T04:13:12.386Z","avatar_url":"https://github.com/katarighe.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Microverse Capstone Project (MealDB)\n\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n# 📗 Table of Contents\n\n- [📖 About the Project](#about-project)\n  - [🛠 Built With](#built-with)\n    - [Tech Stack](#tech-stack)\n    - [Key Features](#key-features)\n  - [🚀 Live Demo](#live-demo)\n- [💻 Getting Started](#getting-started)\n  - [Prerequisites](#prerequisites)\n  - [Setup](#setup)\n- [👥 Authors](#authors)\n- [🤝 Contributing](#contributing)\n- [⭐️ Show your support](#support)\n- [🙏 Acknowledgements](#acknowledgements)\n- [📝 License](#license)\n\n\u003c!-- PROJECT DESCRIPTION --\u003e\n# 📖 Microverse Capstone Project (MealDB)\u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\n\u003e 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. \n\nThe 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. \n\nIt 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.\n\nThis project is built as part of the 12-month Microverse Full-Stack Web Development Program, mostly on JavaScript tasks.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 🛠 Built With \u003ca name=\"built-with\"\u003e\u003c/a\u003e\n\n### Tech Stack \u003ca name=\"tech-stack\"\u003e\u003c/a\u003e\nThis capstone project is built and configured using the following tools:\n\n\u003cdetails\u003e\n  \u003csummary\u003eLanguages\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://html.com/\"\u003eHTML\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://www.w3schools.com/css/\"\u003eCSS\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://www.javascript.com/\"\u003eJavaScript (ES6)\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eDevelopment Applications\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://code.visualstudio.com/\"\u003eVisual Studio Code\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://getbootstrap.com/\"\u003eBootstrap\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://webpack.js.org/\"\u003eWebpack\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://jestjs.io/\"\u003eJest Testing Library\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://www.themealdb.com/api.php/\"\u003eMealDB API\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://www.notion.so/microverse/Involvement-API-869e60b5ad104603aa6db59e08150270/\"\u003eInvolvement API\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eGit / GitHub\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://git-scm.com/\"\u003eGit\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://www.github.com/\"\u003eGithub\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://pages.github.com/\"\u003eGithub Pages\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eWeb Configuration Applications\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://developer.chrome.com/docs/lighthouse/overview/\"\u003eLighthouse\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://stylelint.io/\"\u003eStylelint\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://webhint.io/\"\u003eWebhint\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://eslint.org/\"\u003eES Lint\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003c!-- Features --\u003e\n### Key Features \u003ca name=\"key-features\"\u003e\u003c/a\u003e\n\nThe three key features used in my MealDB API project include: \n\n- The first feature introduces the main page of the app, which displays a list of meals.\n- 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.\n- The third feature states that the number of likes and comments for each meal is also displayed on the main page.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- LIVE DEMO --\u003e\n## 🚀 Live Demo \u003ca name=\"live-demo\"\u003e\u003c/a\u003e\n\nThe Live Demo of this Capstone Project is available now on GitHub Pages and YouTube.\n\n- [Live Demo Link on GitHub pages](https://katarighe.github.io/Capstone-Meal-DB/dist/)\n- [Video Presentation of the Website on YouTube](https://www.youtube.com/watch?v=E3CNtayF4qY) \n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- GETTING STARTED --\u003e\n## 💻 Getting Started \u003ca name=\"getting-started\"\u003e\u003c/a\u003e\n\nThe 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.\n\nThe 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.\n\n### Setup\n\nTo get a local copy, follow the steps below:\n\n1. Open your terminal\n2. Navigate to the directory where you want to clone the project.\n3. Clone the project using `git clone` or directly by running the following command\n\n   `git clone git@github.com:katarighe/Capstone-Meal-DB.git`\n\n4. Open your editor and follow the steps mentioned below\n\n### Install\n\n- `npm install`\n\n### Usage\n\n- `npm run build`\n- `npm start`\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- AUTHORS --\u003e\n## 👥 Authors \u003ca name=\"authors\"\u003e\u003c/a\u003e\n\n👤 **Mohamed Aden Ighe**\n\n- GitHub: [@katarighe](https://github.com/katarighe)\n- Twitter: [@katarighe](https://twitter.com/katarighe)\n- LinkedIn: [@mighe](https://linkedin.com/in/mighe)\n\n👤 **Lawmsangi Varte**\n\n- GitHub: [@Lawmsangi](https://github.com/Lawmsangi)\n- Twitter: [@mamy_22_zayn](https://twitter.com/mamy_22_zayn)\n- LinkedIn: [@Lawmsangi Varte](https://www.linkedin.com/in/lawmsangi-varte-baa429244/)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- CONTRIBUTING --\u003e\n## 🤝 Contributing \u003ca name=\"contributing\"\u003e\u003c/a\u003e\n\nContributions, issues, and feature requests are welcome!\n\nFeel free to check the [issues page](https://github.com/katarighe/Capstone-Meal-DB/issues).\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- SUPPORT --\u003e\n## ⭐️ Show your support \u003ca name=\"support\"\u003e\u003c/a\u003e\n\nGive a star⭐️ or a thumbs up 👍 if you like this project! You can visit my GitHub profile for more of my projects. \n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- ACKNOWLEDGEMENTS --\u003e\n## 🙏 Acknowledgments \u003ca name=\"acknowledgements\"\u003e\u003c/a\u003e\n\n- Project supervised by [Microverse](https//www.microverse.org/) \n- Link to the FoodDB API is available [here](https://www.themealdb.com/api.php)\n- [Creative Commons 4.0 License](https://creativecommons.org/licenses/by-nc/4.0/)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- LICENSE --\u003e\n## 📝 License \u003ca name=\"license\"\u003e\u003c/a\u003e\n\nThis project is \u003ca href=\"https://github.com/katarighe/Capstone-Meal-DB/blob/main/LICENSE\"\u003eMIT licensed\u003c/a\u003e.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkatarighe%2Fcapstone-meal-db","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkatarighe%2Fcapstone-meal-db","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkatarighe%2Fcapstone-meal-db/lists"}