{"id":15428096,"url":"https://github.com/ichala/javascript-capstone","last_synced_at":"2026-04-13T22:33:37.441Z","repository":{"id":39991172,"uuid":"492733456","full_name":"ichala/Javascript-Capstone","owner":"ichala","description":"The restaurant application majorly displays different categories of meals. The homepage shows a list of meals you can like. The popup window shows more data on the selected meal and the user can comment on it too.","archived":false,"fork":false,"pushed_at":"2022-05-20T21:58:16.000Z","size":2718,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-28T05:14:14.632Z","etag":null,"topics":["api","es6","javascript","jest","microverse","webpack"],"latest_commit_sha":null,"homepage":"https://ichala.github.io/Javascript-Capstone/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ichala.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-05-16T07:47:59.000Z","updated_at":"2023-11-27T21:16:35.000Z","dependencies_parsed_at":"2022-09-02T07:00:16.003Z","dependency_job_id":null,"html_url":"https://github.com/ichala/Javascript-Capstone","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":"microverseinc/readme-template","purl":"pkg:github/ichala/Javascript-Capstone","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ichala%2FJavascript-Capstone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ichala%2FJavascript-Capstone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ichala%2FJavascript-Capstone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ichala%2FJavascript-Capstone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ichala","download_url":"https://codeload.github.com/ichala/Javascript-Capstone/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ichala%2FJavascript-Capstone/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31774028,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-13T20:17:16.280Z","status":"ssl_error","status_checked_at":"2026-04-13T20:17:08.216Z","response_time":93,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["api","es6","javascript","jest","microverse","webpack"],"created_at":"2024-10-01T18:02:34.100Z","updated_at":"2026-04-13T22:33:37.420Z","avatar_url":"https://github.com/ichala.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![](https://img.shields.io/badge/Microverse-blueviolet) [![tested with jest](https://img.shields.io/badge/tested_with-jest-99424f.svg)](https://github.com/facebook/jest)\n\n\n# My Restaurant Application\n\n\u003e The restaurant application majorly displays different categories of meals. The homepage shows a list of meals you can like. The popup window shows more data on the selected meal and the user can comment on it too.\n\n\u003cp align=\"center\"\u003e\n    This project is part of the Microverse curriculum in Javascript course!\n\u003c/p\u003e\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\n## Table of Contents\n\n- [Screen Shots](#application-screen-shots)\n- [Video presentation](#video-presentation)\n- [About the Project](#about-the-project)\n- [Live Version](#live-version)\n- [Dependencies](#dependencies)\n- [Configuration](#configuration)\n- [Development](#development)\n- [Testing](#testing)\n- [Built With](#built-with)\n- [Contributors](#contributors)\n- [Acknowledgements](#acknowledgements)\n\n\u003chr /\u003e\n\n## Application Screen Shots\n\n#### Homepage\n\n![homepage screenshot](./src/assets/homepage.png)\n\n#### PopupWindow\n\n![popup-window](./src/assets/popup.png)\n\n\u003chr /\u003e\n\n## Video presentation\n\n[View with Zoom](https://drive.google.com/file/d/1gdzn9vXAoL6oqAK1gyBKHHbU7T90774y/view?usp=sharing)\n\n## Live version\n\n[Website Live Preview](https://chala.dev/)\n\n\u003chr /\u003e\n\n## About The Project\n\nThe project has two user interfaces;\n\n    - Homepage : The interface displays the following;\n        - A set of meal categories all derived from [Meals DB Api](https://www.themealdb.com/api.php)\n        - Likes interaction that displays number of likes for the meal. The user interface is derived from the[Involvement Api](https://www.notion.so/Involvement-API-869e60b5ad104603aa6db59e08150270)\n\n    - Popup Window : The interface displays;\n        - Images of the selected meal.The interface is derived from [Meal by category Api](https://www.themealdb.com/api/json/v1/1/filter.php?c=Seafood) (An example from seafood category)\n        - Comment Section. The users comment are displayed on the page courtesy of the [Involvement Api](https://www.notion.so/Involvement-API-869e60b5ad104603aa6db59e08150270)\n\n\u003c!-- ABOUT THE PROJECT --\u003e\n\n\n## Application Instructions\n\n    - Home page\n        - When the page loads, the webapp retrieves data from:\n            - The selected API and shows the list of items on screen.\n            - The Involvement API to show the item likes.\n            - The page should make only 2 requests:\n                - One to the base API.\n                - And one to the Involvement API.\n        - When the user clicks on the Like button of an item, the interaction is recorded in the Involvement API and the screen is updated.\n        - When the user clicks on the \"Comments\" button, the Comments popup appears.\n\n    - Comments popup\n        - When the popup loads, the webapp retrieves data from:\n            -The selected API and shows details about the selected item.\n            -The Involvement API to show the item comments.\n        - When the user clicks on the \"Comment\" button, the data is recorded in the Involvement API and the screen is updated.\n        - When the popup loads, the webapp retrieves data from:\n            - The selected API and shows details about the selected item.\n            - The Involvement API to show the item reservations.\n        - When the user clicks on the \"Reserve\" button, the data is recorded in the Involvement API and the screen is updated.\n    - Counters: The counters in all the interfaces should show:\n        - The number of items (home).\n        - The number of comments (comments popup).\n\n## Dependencies\n\n- Webpack\n- Jest\n\n## Configuration\n\n- first, clone the project\n  Run\n\n```\n  git clone https://github.com/ichala/Javascript-Capstone.git\n```\n\n- Install the necessary dependancies\n  Run\n\n```\n  npm install\n```\n\n\u003chr/\u003e\n\n## Development\n\n- Clone the project\n\n```\n  https://github.com/ichala/Javascript-Capstone.git\n```\n\n\u003chr/\u003e\n\n## Testing\n\n- Tests have been performed using jest.\n- To run test on the project,\n  Run\n\n```\n  npm run test\n```\n\n- Location /src/modules/functions.test.js\n\n## Built With\n\nThis project was built using these technologies.\n\n- Javascript\n- APIs\n- WebPack\n- Jest\n\n\u003chr/\u003e\n\n\u003c!-- CONTACT --\u003e\n\n## contributors\n\n👤 **Ali Jendoubi**\n\n- GitHub: [@iChala](https://github.com/ichala/)\n- LinkedIn: [@alijendoubi](https://www.linkedin.com/in/alijendoubi/)\n\n👤 **Joy Kwamboka**\n\n- Github: [@kwambiee](https://github.com/kwambiee)\n- Twitter: [@kwambiee](https://twitter.com/kwambiee)\n- Linkedin: [Joy Kwamboka](https://www.linkedin.com/in/joy-kwamboka)\n\n## 🤝 Contributing\n\nContributions, issues, and feature requests are welcome!\n\nFeel free to check the [issues page](https://github.com/ichala/Javascript-Capstone/issues).\n\n## Show your support\n\nGive a ⭐️ if you like this project!\n\n## Acknowledgements\n\n- [Microverse](https://www.microverse.org/)\n- [Jest](https://jestjs.io/docs/getting-started)\n- etc\n\n## 📝 License\n\nThis project is [MIT](./MIT.md) licensed.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fichala%2Fjavascript-capstone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fichala%2Fjavascript-capstone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fichala%2Fjavascript-capstone/lists"}