{"id":22436660,"url":"https://github.com/sayedshehata1/forkify","last_synced_at":"2026-04-09T21:03:55.887Z","repository":{"id":164917881,"uuid":"640328948","full_name":"SayedShehata1/Forkify","owner":"SayedShehata1","description":"Forkify is a recipe web app that allows users to search, view, modify, bookmark and add recipes.","archived":false,"fork":false,"pushed_at":"2023-09-12T14:43:49.000Z","size":2111,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-27T08:50:36.482Z","etag":null,"topics":["css","html","netlify","npm","sass"],"latest_commit_sha":null,"homepage":"https://forkify-sayedshehata.netlify.app/","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/SayedShehata1.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-05-13T18:11:47.000Z","updated_at":"2024-07-27T20:09:27.000Z","dependencies_parsed_at":null,"dependency_job_id":"4e657db0-51fa-40b2-9254-b1ec16ac2634","html_url":"https://github.com/SayedShehata1/Forkify","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/SayedShehata1/Forkify","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SayedShehata1%2FForkify","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SayedShehata1%2FForkify/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SayedShehata1%2FForkify/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SayedShehata1%2FForkify/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SayedShehata1","download_url":"https://codeload.github.com/SayedShehata1/Forkify/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SayedShehata1%2FForkify/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264958196,"owners_count":23689011,"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":["css","html","netlify","npm","sass"],"created_at":"2024-12-06T00:08:48.449Z","updated_at":"2026-04-09T21:03:55.796Z","avatar_url":"https://github.com/SayedShehata1.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Forkify\n\n\u003cdiv id=\"top\"\u003e\u003c/div\u003e\n\n![HTML](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge\u0026logo=html5\u0026logoColor=white)\n![CSS](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge\u0026logo=css3\u0026logoColor=white)\n![Sass](https://img.shields.io/badge/SASS-hotpink.svg?style=for-the-badge\u0026logo=SASS\u0026logoColor=white)\n![JS](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge\u0026logo=javascript\u0026logoColor=black)\n![NPM](https://img.shields.io/badge/NPM-%23000000.svg?style=for-the-badge\u0026logo=npm\u0026logoColor=white)\n![Babel](https://img.shields.io/badge/Babel-F9DC3e?style=for-the-badge\u0026logo=babel\u0026logoColor=black)\n![netlify](https://img.shields.io/badge/Netlify-00C7B7?style=for-the-badge\u0026logo=netlify\u0026logoColor=white)\n\n\u003c!-- PROJECT LOGO --\u003e\n\u003cbr /\u003e\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://forkify-sayedshehata.netlify.app/\"\u003e\n    \u003cimg src=\"./src/img/logo.png\" alt=\"Logo\" height=\"50\"  \u003e\n  \u003c/a\u003e\n\n  \u003ch3 align=\"center\"\u003eForkify\u003c/h3\u003e\n\n  \u003cp align=\"center\"\u003e\n    \u003ca href=\"https://forkify-sayedshehata.netlify.app/\"\u003eView Demo\u003c/a\u003e\n    ·\n    \u003ca href=\"https://github.com/SayedShehata1/Forkify/issues\"\u003eReport Bug\u003c/a\u003e\n  \u003c/p\u003e\n\u003c/div\u003e\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\u003cdetails\u003e\n  \u003csummary\u003eTable of Contents\u003c/summary\u003e\n  \u003col\u003e\n    \u003cli\u003e\n      \u003ca href=\"#about-the-project\"\u003eAbout The Project\u003c/a\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003ca href=\"#features\"\u003eFeatures\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"#built-with\"\u003eBuilt With\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"#flowchart\"\u003eFlowchart\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"#architecture\"\u003eArchitecture\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\n      \u003ca href=\"#getting-started\"\u003eGetting Started\u003c/a\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003ca href=\"#installation\"\u003eInstallation\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"#tree-structure\"\u003eTree Structure\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#contributing\"\u003eContributing\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#acknowledgments\"\u003eAcknowledgments\u003c/a\u003e\u003c/li\u003e\n  \u003c/ol\u003e\n\u003c/details\u003e\n\n\u003c!-- ABOUT THE PROJECT --\u003e\n\n## About The Project\n\n![Forkify preview](./src/img/preview.png)\n\nForkify is a recipe web app using the [Forkify API](https://forkify-api.herokuapp.com/v2) to allow users to search, view, modify, bookmark and add recipes.\n\n- Available search queries : [Queries](https://forkify-api.herokuapp.com/phrases.html)\n\n### Features\n\n| User Stories                                                               | Features                                                                                                                                                                              |\n| -------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| Search for recipes                                                         | \u003cul\u003e\u003cli\u003efunctionality: input field to send request to API with searched keywords\u003cli\u003eDisplay results with pagination\u003cli\u003eDisplay recipe with cooking time, serving and ingredients\u003c/ul\u003e |\n| Update the number of servings                                              | \u003cul\u003e\u003cli\u003eChange serving functionality: update all ingredients according ro current number of servings\u003c/ul\u003e                                                                             |\n| Bookmark recipes                                                           | \u003cul\u003e\u003cli\u003eBookmarking functionality: display list of all bookmarked recipes\u003c/ul\u003e                                                                                                        |\n| Create recipes                                                             | \u003cul\u003e\u003cli\u003eUsers can upload their own recipes\u003c/li\u003e\u003cli\u003eUser recipes will automatically be bookmarked\u003cli\u003eUser can only see their own recipes, not recipes from other users\u003c/ul\u003e            |\n| Access to bookmarks and recipes when leaving the app and coming back later | \u003cul\u003e\u003cli\u003eStore bookmark data in the browser using \"local storage\"\u003c/ul\u003e                                                                                                                 |\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n---\n\n### Built With\n\n- [HTML](https://html.com/)\n- [CSS](https://www.w3schools.com/css/)\n- [SASS](https://www.npmjs.com/package/sass)\n- [JavaScript](https://www.javascript.com/)\n- [Parcel](https://www.npmjs.com/package/parcel)\n- [Babel](https://babeljs.io/)\n- [Forkify API](https://forkify-api.herokuapp.com/v2)\n- Libraries\n  - [fractional](https://www.npmjs.com/package/fractional)\n\n---\n\n### Flowchart\n\n\u003cimg src='./src/img/forkify-flowchart.png' alt='flowchart' \u003e\n\n### Architecture\n\n\u003cimg src='./src/img/forkify-architecture-recipe-loading.png' alt='architecture' \u003e\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n---\n\n\u003c!-- GETTING STARTED --\u003e\n\n## Getting Started\n\nThis project require some prequesites and dependenscies to be installed, you can view it online using this [demo](https://forkify-sayedshehata.netlify.app/). or you can find the instructions below\n\n\u003e To get a local copy, follow these simple steps :\n\n### Installation\n\n1. Clone the repo\n   ```sh\n   git clone https://github.com/SayedShehata1/Forkify.git\n   ```\n2. Go to project folder\n\n```bash\ncd forkify\n```\n\n3. install dependencies\n\n```bash\nnpm install\n```\n\n4. Run start script\n\n```bash\nnpm start\n```\n\n#### Tree structure\n\n```\nforkify\n│   .gitignore\n│   .prettierrc\n│   index.html\n│   package-lock.json\n│   package.json\n│   README.md\n│\n└───src\n    ├───img\n    │       favicon.png\n    │       forkify-architecture-recipe-loading.png\n    │       forkify-flowchart.png\n    │       icons.svg\n    │       logo.png\n    │       preview.png\n    │\n    ├───js\n    │   │   config.js\n    │   │   controller.js\n    │   │   helpers.js\n    │   │   model.js\n    │   │\n    │   └───views\n    │           addRecipeView.js\n    │           bookmarksView.js\n    │           paginationView.js\n    │           previewView.js\n    │           recipeView.js\n    │           resultsView.js\n    │           searchView.js\n    │           View.js\n    │\n    └───sass\n            main.scss\n            _base.scss\n            _components.scss\n            _header.scss\n            _preview.scss\n            _recipe.scss\n            _searchResults.scss\n            _upload.scss\n```\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- CONTRIBUTING --\u003e\n\n## Contributing\n\nContributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.\n\nIf you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag \"enhancement\".\nDon't forget to give the project a star! Thanks again!\n\n1. Fork the Project\n2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)\n3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)\n4. Push to the Branch (`git push origin feature/AmazingFeature`)\n5. Open a Pull Request\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- ACKNOWLEDGMENTS --\u003e\n\n## Acknowledgments\n\n- [Jonas schmedtmann](https://github.com/jonasschmedtmann)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsayedshehata1%2Fforkify","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsayedshehata1%2Fforkify","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsayedshehata1%2Fforkify/lists"}