{"id":19547697,"url":"https://github.com/adeola003/javascript_capstone_project","last_synced_at":"2026-05-15T10:36:52.957Z","repository":{"id":162955450,"uuid":"628543958","full_name":"adeola003/Javascript_Capstone_project","owner":"adeola003","description":"This project is our javascript capstone project, about building your own web application based on an external API.","archived":false,"fork":false,"pushed_at":"2023-04-22T11:46:42.000Z","size":1173,"stargazers_count":2,"open_issues_count":4,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-08T19:49:53.766Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/adeola003.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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-04-16T09:29:13.000Z","updated_at":"2023-07-15T10:05:44.000Z","dependencies_parsed_at":null,"dependency_job_id":"cc2bb7f9-115d-40e8-b361-3d08e72c9176","html_url":"https://github.com/adeola003/Javascript_Capstone_project","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adeola003%2FJavascript_Capstone_project","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adeola003%2FJavascript_Capstone_project/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adeola003%2FJavascript_Capstone_project/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adeola003%2FJavascript_Capstone_project/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/adeola003","download_url":"https://codeload.github.com/adeola003/Javascript_Capstone_project/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240802563,"owners_count":19860008,"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":[],"created_at":"2024-11-11T03:52:06.271Z","updated_at":"2026-05-15T10:36:52.922Z","avatar_url":"https://github.com/adeola003.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n  \u003ch3\u003e\u003cb\u003eMEALS\u003c/b\u003e\u003c/h3\u003e\n\n\u003c/div\u003e\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\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  - [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# 📖 [Capstone Meal API] \u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\n**[Meals API]** This project is basic website that display meals from an API, display their instructions, and allow usee to add comment and likes.\n\n## 🛠 Built With \u003ca name=\"HTML, CSS, Javascript, Jest and Webpack\"\u003e\u003c/a\u003e\n\n### Tech Stack \u003ca name=\"tech-stack\"\u003e\u003c/a\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eClient\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://html.com/#What_is_HTML\"\u003e\"HTML\"\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://html.com/css/#What_is_CSS\"\u003e\"CSS\"\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://www.javascript.com/\"\u003e\"script.Javascript\"\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- [x] Use JavaScript to make websites dynamic and build basic single page apps.\n- [x] Use ES6 syntax and modules, callbacks and promises.\n- [x] Used webpack technology.\n- [x] Follow Gitflow.\n- [x] Send and receive data from an API.\n- [x] Make JavaScript code asynchronous.\n- [x] Write units tests for a JavaScript app.\n- [x] Use AAA pattern for unit tests.\n- [x] Used Jest for implementing tests.\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\n## 🚀 Live Demo \u003ca name=\"live-demo\"\u003e\u003c/a\u003e\n\n- [Comming soon](#)\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\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\n### Setup\n\nClone this repository to your desired folder:\n\n```sh\n  git https://github.com/adeola003/Javascript_Capstone_project.git\n  cd Javascript_Capstone_project\n\n```\n\n### Install\n\nInstall this project with:\n\n```sh\n  npm install\n```\n\n### Usage\n\n```\n1. download the project from clone\n2. open live server for the project\n3. You can see it in the browser\n```\n\n### Build for production\n\n```\nnpm run build\n```\n\n### Run tests\n\n- ### Linter 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\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👤 **Abdel-Khafid SALAOU**\n\n- GitHub: [@githubhandle](https://github.com/adeola003)\n- Twitter: [@twitterhandle](https://twitter.com/khadaf6)\n- LinkedIn: [LinkedIn](https://www.linkedin.com/in/abdel-khafid-salaou-a18396161)\n\n👤 **Ndonyi Maurice Djam**\n\n- GitHub: [NdonyiMaurice](https://github.com/citec-47)\n- Twitter: [@NdonyiMaurice](https://twitter.com/Ndonyi4)\n- LinkedIn: [NdonyiMaurice](https://www.linkedin.com/in/ndonyi-maurice-b5b49b22b/)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- FUTURE FEATURES --\u003e\n\n## 🔭 Future Features \u003ca name=\"future-features\"\u003e\u003c/a\u003e\n\n- [x] Add test to the project using jest\n- [x] Add the live demo for the project\n- [x] Add new some features to the project\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 [issue page](https://github.com/adeola003/Javascript_Capstone_project/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\nIf you like this feel free to follow me on github and give this project a star..\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\n- Thanks to the Microverse team for the great curriculum.\n- Thanks to my partners for this stunning collab.\n- Thanks to the Code Reviewers for the insightful feedbacks.\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!-- ## ❓ FAQ (OPTIONAL) \u003ca name=\"faq\"\u003e\u003c/a\u003e\n\n- **[How_to_start]**\n\n  - [Register_for_a_full_stack_program_like_Microverse]\n\n- **[How_to_contact_you]**\n\n  - [Follow_me_on_Github]\n --\u003e\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- LICENSE --\u003e\n\n## 📝 License \u003ca name=\"license\"\u003e\u003c/a\u003e\n\nThis project is [MIT](./LICENSE.md) licensed.\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%2Fadeola003%2Fjavascript_capstone_project","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fadeola003%2Fjavascript_capstone_project","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadeola003%2Fjavascript_capstone_project/lists"}