{"id":19543271,"url":"https://github.com/codewithalamin/forkify-recipe-app","last_synced_at":"2025-04-26T17:32:17.877Z","repository":{"id":154934041,"uuid":"613833129","full_name":"CodeWithAlamin/Forkify-Recipe-App","owner":"CodeWithAlamin","description":"Built with JavaScript and API. Made it responsive and added some new features to make it even more user-friendly.","archived":false,"fork":false,"pushed_at":"2024-10-30T08:16:52.000Z","size":3220,"stargazers_count":7,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-04T16:46:50.526Z","etag":null,"topics":["asynchronous-programming","codepapa360","codewithalamin","cooking","cooking-apps","es6-modules","food-and-drink","forkify","forkify-api","forking-projects","front-end","front-end-development","healthy-eating","javascript","meal-planning","object-oriented-programming","recipe-search","responsive-design","web-app","web-development"],"latest_commit_sha":null,"homepage":"https://forkify-alamin.netlify.app","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/CodeWithAlamin.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-03-14T11:10:53.000Z","updated_at":"2025-04-03T15:04:42.000Z","dependencies_parsed_at":null,"dependency_job_id":"b40ece78-3441-4b88-8d76-7322f21ebe02","html_url":"https://github.com/CodeWithAlamin/Forkify-Recipe-App","commit_stats":null,"previous_names":["codewithalamin/forkify-recipe-app"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeWithAlamin%2FForkify-Recipe-App","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeWithAlamin%2FForkify-Recipe-App/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeWithAlamin%2FForkify-Recipe-App/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeWithAlamin%2FForkify-Recipe-App/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/CodeWithAlamin","download_url":"https://codeload.github.com/CodeWithAlamin/Forkify-Recipe-App/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251026184,"owners_count":21524930,"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":["asynchronous-programming","codepapa360","codewithalamin","cooking","cooking-apps","es6-modules","food-and-drink","forkify","forkify-api","forking-projects","front-end","front-end-development","healthy-eating","javascript","meal-planning","object-oriented-programming","recipe-search","responsive-design","web-app","web-development"],"created_at":"2024-11-11T03:18:10.574Z","updated_at":"2025-04-26T17:32:17.281Z","avatar_url":"https://github.com/CodeWithAlamin.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003eForkify App\u003c/h1\u003e\n\u003cp align=\"center\"\u003e\n    \u003cimg src=\"./src/img/favicon.png\" alt=\"Logo\" width=\"15%\" height=\"auto\"\u003e\n \u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/version-2.0.0-blue.svg?cacheSeconds=2592000\" /\u003e\n  \u003ca href=\"https://forkify-alamin.netlify.app/\" target=\"_blank\"\u003e\n    \u003cimg alt=\"Demo\" src=\"https://img.shields.io/badge/demo-online-green.svg\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/CodeWithAlamin/Forkify-Recipe-App#readme\" target=\"_blank\"\u003e\n    \u003cimg alt=\"Documentation\" src=\"https://img.shields.io/badge/documentation-yes-brightgreen.svg\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/CodeWithAlamin/Forkify-Recipe-App/graphs/commit-activity\" target=\"_blank\"\u003e\n    \u003cimg alt=\"Maintenance\" src=\"https://img.shields.io/badge/maintained-yes-green.svg\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/CodeWithAlamin/Forkify-Recipe-App/blob/master/LICENSE\" target=\"_blank\"\u003e\n    \u003cimg alt=\"License: MIT\" src=\"https://img.shields.io/badge/License-MIT-yellow.svg\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://twitter.com/CodeWithAlamin\" target=\"_blank\"\u003e\n    \u003cimg alt=\"Twitter: CodeWithAlamin\" src=\"https://img.shields.io/twitter/follow/CodeWithAlamin.svg?style=social\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003ch2 align=\"center\"\u003e\nCheck out the \u003ca href=\"https://forkify-alamin.netlify.app/\" target=\"_blank\"\u003elive Forkify App here\u003c/a\u003e.\n\u003c/h2\u003e\n\u003cp align=\"left\"\u003e\nForkify is a recipe search and saving app, built with HTML5, CSS3, and JavaScript. It features an intuitive user interface and dynamic serving size adjustment. The app uses advanced JavaScript concepts like asynchronous programming, ES6 modules, and object-oriented programming. Forkify was created by Jonas Smechmann in his Udemy course and this app was built as part of a personal project to learn JavaScript.\n\u003c/p\u003e\n\n## Features\n\n- Search for recipes: Find recipes using keywords or ingredients.\n- View recipe details: See ingredients, cooking instructions, and serving size.\n- Bookmark recipes: Save your favorite recipes for later.\n- Add recipes: Create and share your own recipes.\n- Pagination: Easily navigate search results.\n- Responsive Design\n\n## Built with\n\n- JavaScript\n- CSS3\n- HTML5\n- Parcel\n- NPM\n\n\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"Forkify App\" src=\"./src/img/forkify-alamin-screenshot.png\" width=\"100%\" /\u003e\n\u003c/p\u003e\n\n## Flowchart\n\n\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"Flowchart\" src=\"./forkify-flowchart-part-3.png\" width=\"100%\" /\u003e\n\u003c/p\u003e\n\n## Recipe Loading Architecture\n\n\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"Recipe Loading Architecture\" src=\"./forkify-architecture-recipe-loading.png\" width=\"100%\" /\u003e\n\u003c/p\u003e\n\n## Installation\n\n- Clone this repo:\n\n```sh\ngit clone https://github.com/CodeWithAlamin/Forkify-Recipe-App.git\n```\n\n- Install dependencies:\n\n```sh\nnpm install\n```\n\n- Run the app:\n\n```sh\nnpm start\n```\n\n## Author\n\n\u003cb\u003e👤 Alamin\u003c/b\u003e\n\n- LinkedIn - [@CodeWithAlamin](https://www.linkedin.com/in/CodeWithAlamin)\n- Twitter - [@CodeWithAlamin](https://www.twitter.com/CodeWithAlamin)\n- Frontend Mentor - [@CodeWithAlamin](https://www.frontendmentor.io/profile/CodeWithAlamin)\n- Github: [@CodeWithAlamin](https://github.com/CodeWithAlamin)\n\nFeel free to contact me with any questions or feedback!\n\n## Credits\n\nThis app was created as part of [Jonas Smechmann](https://twitter.com/jonasschmedtman)'s Udemy course [The Complete JavaScript Course 2023: From Zero to Expert!](https://www.udemy.com/course/the-complete-javascript-course/).\n\nSpecial thanks to Jonas for his excellent teaching and guidance throughout the course.\n\n## Show your support\n\nGive a ⭐️ if you liked this project!\n\n## License\n\nThis project is [MIT](https://github.com/CodeWithAlamin/Forkify-Recipe-App/blob/master/LICENSE) licensed.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodewithalamin%2Fforkify-recipe-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodewithalamin%2Fforkify-recipe-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodewithalamin%2Fforkify-recipe-app/lists"}