{"id":19602727,"url":"https://github.com/antoniosertic23/course-project-forkify","last_synced_at":"2026-04-13T06:01:30.399Z","repository":{"id":228677264,"uuid":"774627510","full_name":"AntonioSertic23/Course-Project-Forkify","owner":"AntonioSertic23","description":"This repository contains the Mapty project developed as part of The Complete JavaScript Course 2024: From Zero to Expert! course on Udemy. Forkify is a sophisticated web application that empowers users to discover, save, and organize recipes from various sources across the web.","archived":false,"fork":false,"pushed_at":"2024-04-29T18:10:10.000Z","size":3049,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-09T08:26:48.407Z","etag":null,"topics":["course-project","css3","es6","forkify","html5","javascript","mvc-architecture","mvc-javascript","webpack"],"latest_commit_sha":null,"homepage":"","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/AntonioSertic23.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":"2024-03-19T22:07:27.000Z","updated_at":"2024-04-29T18:10:15.000Z","dependencies_parsed_at":"2024-03-29T17:42:51.439Z","dependency_job_id":"a3c57054-6e2b-4466-916f-a4d218d3da17","html_url":"https://github.com/AntonioSertic23/Course-Project-Forkify","commit_stats":null,"previous_names":["antoniosertic23/course-project-forkify"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AntonioSertic23%2FCourse-Project-Forkify","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AntonioSertic23%2FCourse-Project-Forkify/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AntonioSertic23%2FCourse-Project-Forkify/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AntonioSertic23%2FCourse-Project-Forkify/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AntonioSertic23","download_url":"https://codeload.github.com/AntonioSertic23/Course-Project-Forkify/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240886213,"owners_count":19873525,"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":["course-project","css3","es6","forkify","html5","javascript","mvc-architecture","mvc-javascript","webpack"],"created_at":"2024-11-11T09:26:03.874Z","updated_at":"2026-04-13T06:01:30.347Z","avatar_url":"https://github.com/AntonioSertic23.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Forkify Project - Udemy JavaScript Course\n\n![Forkify Project](src/img/forkify-project.png)\n\n## Description\n\nThis repository contains the Mapty project developed as part of [The Complete JavaScript Course 2024: From Zero to Expert!](https://www.udemy.com/course/the-complete-javascript-course/) course on Udemy. Forkify is a sophisticated web application that empowers users to discover, save, and organize recipes from various sources across the web.\n\n## Key Features\n\n- **Recipe Search**: Utilize powerful search functionality to find recipes based on keywords, ingredients, or dietary preferences.\n- **Recipe Details**: Dive deep into each recipe with comprehensive information including ingredients, preparation steps, and nutritional facts.\n- **Favorite Recipes**: Easily bookmark and access your favorite recipes for quick reference.\n- **Add New Recipe**: Seamlessly add your own recipes to personalize your collection and share with others.\n\n## Technologies Utilized\n\nForkify leverages cutting-edge technologies to deliver a robust and user-friendly experience:\n\n- **HTML5 and CSS3**: For creating a sleek and visually appealing user interface.\n- **JavaScript (ES6+)**: For implementing the application's core logic and interactivity.\n- **Webpack**: To bundle and manage the project's numerous JavaScript modules efficiently.\n\n[![My Skills](https://skillicons.dev/icons?i=html,css,js,webpack)](https://skillicons.dev)\n\n## Getting Started\n\nFollow these steps to set up and run Forkify on your local machine:\n\n1. **Clone the Repository**: Begin by cloning this repository to your local machine using the following command:\n\n   ```sh\n   git clone https://github.com/AntonioSertic23/Course-Project-Forkify.git\n   ```\n\n2. **Install Dependencies**: Navigate to the cloned repository directory and install project dependencies using NPM:\n\n   ```sh\n   npm install\n   ```\n\n3. **Enter API Key**: Open the `src/js/config.js` file and replace `'ENTER YOUR API'` with your own API key:\n\n   ```javascript\n   const KEY = 'YOUR_API_KEY_HERE';\n   ```\n\n4. **Run the Application**: Once the dependencies are installed, start the application by running the following command:\n\n   ```sh\n   npm start\n   ```\n\n5. **Access Forkify**: Open your web browser and navigate to `http://localhost:1234` to access the Forkify application locally.\n\n## Project Structure\n\nThe Forkify project is organized into the following structure:\n\n- `index.html`: The main HTML file serving as the entry point for the application.\n- `src/img`: Directory housing images utilized within the application.\n- `src/js/controller.js`: Controller module responsible for handling user interactions.\n- `src/js/model.js`: Model module managing application data and state.\n- `src/js/helpers.js`: Helper functions utilized across the application.\n- `src/js/views`: Directory containing modules responsible for rendering views.\n- `src/sass`: Directory containing SCSS files for styling the application.\n\n## Credits\n\nThe Forkify project was created as part of [The Complete JavaScript Course 2024: From Zero to Expert!](https://www.udemy.com/course/the-complete-javascript-course/) on Udemy, instructed by [Jonas Schmedtmann](https://www.udemy.com/user/jonasschmedtmann/). The design, code, and concepts are based on the course content.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fantoniosertic23%2Fcourse-project-forkify","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fantoniosertic23%2Fcourse-project-forkify","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fantoniosertic23%2Fcourse-project-forkify/lists"}