{"id":27625024,"url":"https://github.com/jeanbuhendwa/meal-app","last_synced_at":"2026-04-16T14:04:43.049Z","repository":{"id":232702277,"uuid":"613409921","full_name":"jeanbuhendwa/Meal-app","owner":"jeanbuhendwa","description":"The Meal app that can Send and receive data from an API that give more information about the recipe","archived":false,"fork":false,"pushed_at":"2023-04-16T20:59:33.000Z","size":413,"stargazers_count":2,"open_issues_count":21,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-04-14T05:42:34.383Z","etag":null,"topics":["css3","html5","javascript","webpack"],"latest_commit_sha":null,"homepage":"https://jeanbuhendwa.github.io/Meal-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/jeanbuhendwa.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}},"created_at":"2023-03-13T14:14:52.000Z","updated_at":"2023-05-08T05:34:21.000Z","dependencies_parsed_at":"2024-04-11T02:43:28.013Z","dependency_job_id":"3f6211f1-5c07-403e-81a2-d514699f1f8b","html_url":"https://github.com/jeanbuhendwa/Meal-app","commit_stats":null,"previous_names":["jeanbuhendwa/meal-app"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jeanbuhendwa%2FMeal-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jeanbuhendwa%2FMeal-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jeanbuhendwa%2FMeal-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jeanbuhendwa%2FMeal-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jeanbuhendwa","download_url":"https://codeload.github.com/jeanbuhendwa/Meal-app/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250430579,"owners_count":21429323,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["css3","html5","javascript","webpack"],"created_at":"2025-04-23T12:00:13.875Z","updated_at":"2026-04-16T14:04:43.019Z","avatar_url":"https://github.com/jeanbuhendwa.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n# 📗 Table of Contents\n\n- [📖 Meal app 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  - [Setup](#setup)\n  - [Prerequisites](#prerequisites)\n  - [Install](#install)\n  - [Usage](#usage)\n  - [Run tests](#run-tests)\n  - [Deployment](#triangular_flag_on_post-deployment)\n- [👥 Authors](#authors)\n- [🔭 Future Features](#future-features)\n- [🤝 Contributing](#contributing)\n- [⭐️ Show your support](#support)\n- [🙏 Acknowledgements](#acknowledgements)\n- [❓ FAQ (OPTIONAL)](#faq)\n- [📝 License](#license)\n\n\u003c!-- PROJECT DESCRIPTION --\u003e\n\n# 📖 [Meal app project] \u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\n\u003e In this Meal app setup project we have developed meale app that can Send and receive data from an API. Html, Css and JavaScript project for the meal list app, using webpack and ES6 features.\n\u003e It has been written plain HTML markup with general layout of the wireframe, because we are going to implement styles in the following steps.designed the wireframe as a guide.\n\n**[Meal app project]** is the main part of javascript project which inluded how to use Gitflow, webpack, ES6, Just test library and API.\n\n## 🛠 Built With \u003ca name=\"built-with\"\u003e\u003c/a\u003e\n\n### Tech Stack \u003ca name=\"tech-stack\"\u003e\u003c/a\u003e\n\n\u003e The main tech stack and included to apply to this project are:\n\n\u003cdetails\u003e\n  \u003csummary\u003eClient\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://www.w3schools.com/html/default.asp\"\u003eHtml\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://www.w3schools.com/css/default.asp\"\u003eCSS\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://www.w3schools.com/js/\"\u003eJavascript\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://webpack.js.org/guides/getting-started/\"\u003eWebpack bundler\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://webpack.js.org/guides/getting-started/\"\u003eHtmlWebpackPlugin\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://webpack.js.org/guides/output-management/\"\u003estyle-loader and css-loader\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://microverse.notion.site/Leaderboard-API-service-24c0c3c116974ac49488d4eb0267ade3\"\u003estyle-loader and css-loader\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003c!-- Features --\u003e\n\n### Key Features \u003ca name=\"key-features\"\u003e\u003c/a\u003e\n\n\u003e This project has the following features\n\n- design the basic structure of home page\n- Popup for comments page\n- like button counter\n- comments counter\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\u003c!--video description--\u003e\n\u003c!-- LIVE DEMO --\u003e\n\n## 🚀 Live Demo \u003ca name=\"live-demo\"\u003e\u003c/a\u003e\n\n- [Demo Video Outlines](https://drive.google.com/file/d/17GW-uFuncroC3aTtyRXP39xRp7tFBdza/view?usp=share_link)\n- [Live Demo Link](https://jeanbuhendwa.github.io/javascript-capstone/dist/)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 💻 Getting Started \u003ca name=\"getting-started\"\u003e\u003c/a\u003e\n\nTo get a local copy up and running, follow these steps.\n\n### Prerequisites\n\nIn order to run this project you need:\nOpen terminal on the same folder of the project and run:\n\n```sh\n npm install\n```\n\nInitialize npm install webpack loaclly, and install the webpack-cli\n\n```sh\n npm install webpack webpack-cli --save-dev\n```\n\nsetting up HtmlWebpackPlugin\n\n```sh\n npm install --save-dev html-webpack-plugin\n```\n\nTo build and run the project from /src to /dist use\n\n```sh\n npm run build\n```\n\nTo run the project automatically loading up the page use\n\n```sh\n npm start\n```\n\nTo Post and Get Data use one popular site like HOPPSCOTCH\n\n```sh\n navigate https://hoppscotch.io/\n```\n\n### Setup\n\nClone this repository to your desired folder:\n\n```sh\n  cd my-folder\n  git clone https://github.com/jeanbuhendwa/javascript-capstone.git\n```\n\n### Install\n\nInstall this project with:\n\n```sh\n  cd javascript-capstone\n  npm install\n```\n\n### Usage\n\nTo run the project, open index.html in /dist directory with browser\n\n### Run tests\n\nTo run tests, run the following command:\n\nTo check for html errors run:\n\n```sh\n  npx hint .\n```\n\nTo check for css errors run:\n\n```sh\n  npx stylelint \"**/*.{css,scss}\"\n```\n\nTo check for js errors run:\n\n```sh\n  npx eslint .\n```\n\n### Deployment\n\nDeployed using Github Pages.\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\n## 👥 Authors \u003ca name=\"authors\"\u003e\u003c/a\u003e\n\n👤 **Jean Jacques Buhendwa**\n\n- GitHub: [@jeanbuhendwa](https://github.com/jeanbuhendwa)\n- Twitter: [@JeanjacqueI](https://twitter.com/JeanjacqueI)\n- LinkedIn: [LinkedIn](https://www.linkedin.com/in/johnbuhendwa/)\n\n  👤 **Brhanu Hailu**\n\n- GitHub: [@brhanuhailu](https://github.com/brhanuhailu)\n- Twitter: [@tigraycountry](https://twitter.com/TigrayCountry)\n- LinkedIn: [LinkedIn](https://www.linkedin.com/in/brhanu-hailu-85578a246/)\n\n\u003c!-- FUTURE FEATURES --\u003e\n\n## 🔭 Future Features \u003ca name=\"future-features\"\u003e\u003c/a\u003e\n\n\u003e Add function for Clear all list.\n\n- [ ] put,Get, Post and cut data from API\n- [ ] Use ES6 Modularity\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\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/brhanuhailu/Leaderboard/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\n## ⭐️ Show your support \u003ca name=\"support\"\u003e\u003c/a\u003e\n\n\u003e we are so excited to accept you feedback to improve my profession.\n\nIf you like this project like it.\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\n## 🙏 Acknowledgments \u003ca name=\"acknowledgements\"\u003e\u003c/a\u003e\n\nwe would like to thank Microverse organization and the mealdb api owner. \n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- FAQ (optional) --\u003e\n\n\u003c!-- LICENSE --\u003e\n\n## 📝 License \u003ca name=\"license\"\u003e\u003c/a\u003e\n\nThis project is [MIT](https://github.com/jeanbuhendwa/javascript-capstone/blob/dev/LICENSE) licensed.\n(Check the LICENSE file)\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%2Fjeanbuhendwa%2Fmeal-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjeanbuhendwa%2Fmeal-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjeanbuhendwa%2Fmeal-app/lists"}