{"id":27302415,"url":"https://github.com/brunortech/healthy-recipes-example","last_synced_at":"2025-04-12T02:39:15.206Z","repository":{"id":269482554,"uuid":"866555139","full_name":"BrunoRTech/Healthy-Recipes-Example","owner":"BrunoRTech","description":"A simple website built with HTML and CSS, following the guide provided by Codecademy. This project demonstrates how to create a responsive and visually appealing recipe page. Includes a single healthy recipe as an example, featuring clean layout, custom styling, and responsive design.","archived":false,"fork":false,"pushed_at":"2024-12-25T01:56:38.000Z","size":6,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-12T02:39:12.292Z","etag":null,"topics":["css","example-project","front-end-development","html","recipe-page","responsive-design","static-website","web-design"],"latest_commit_sha":null,"homepage":"","language":"HTML","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/BrunoRTech.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-10-02T13:25:21.000Z","updated_at":"2024-12-25T01:57:21.000Z","dependencies_parsed_at":"2024-12-23T22:23:09.809Z","dependency_job_id":"23eb206f-67f7-4d50-878c-3d04456b9ac3","html_url":"https://github.com/BrunoRTech/Healthy-Recipes-Example","commit_stats":null,"previous_names":["bruneros8/healthy-recipes-example","brunortech/healthy-recipes-example"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BrunoRTech%2FHealthy-Recipes-Example","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BrunoRTech%2FHealthy-Recipes-Example/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BrunoRTech%2FHealthy-Recipes-Example/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BrunoRTech%2FHealthy-Recipes-Example/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/BrunoRTech","download_url":"https://codeload.github.com/BrunoRTech/Healthy-Recipes-Example/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248507280,"owners_count":21115567,"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","example-project","front-end-development","html","recipe-page","responsive-design","static-website","web-design"],"created_at":"2025-04-12T02:39:14.664Z","updated_at":"2025-04-12T02:39:15.197Z","avatar_url":"https://github.com/BrunoRTech.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Healthy Recipes Example\n\nThis project is a simple website built with **HTML** and **CSS**, created using the guide provided by [Codecademy](https://www.codecademy.com/journeys/full-stack-engineer/paths/fscj-22-web-development-foundations/tracks/fscj-22-fundamentals-of-css/modules/wdcp-22-learn-css-selectors-and-visual-rules-0507dd23-134e-4011-af2c-a06b06ad53f2/projects/css-selectors-1). It serves as an example of how to create a clean and responsive layout for showcasing recipes. The website includes a single healthy recipe as a demonstration.\n\n## Features\n- **Single Recipe**: Demonstrates how to structure and present a recipe with ingredients and instructions.\n- **Responsive Design**: Fully responsive layout optimized for both desktop and mobile devices.\n- **Custom Styling**: Unique CSS styling to create a visually appealing and user-friendly interface.\n\n## File Structure\n- **index.html**: Contains the structure of the website, showcasing a single recipe.\n- **style.css**: Defines the visual styling, including layout, typography, and color schemes.\n\n## Usage\nTo view the website:\n1. Download or clone the repository.\n2. Open the `index.html` file in any web browser to explore the example recipe.\n\n## Customization\nIf you'd like to customize the website:\n- Modify the HTML structure in `index.html` to add more recipes or sections.\n- Adjust styles in `style.css` to change colors, fonts, or layout.\n- Extend functionality by adding JavaScript for features like a recipe filter or interactive steps.\n\n## Acknowledgment\nThis project was built using the guide provided by Codecademy. The original project can be found [here](https://www.codecademy.com/journeys/full-stack-engineer/paths/fscj-22-web-development-foundations/tracks/fscj-22-fundamentals-of-css/modules/wdcp-22-learn-css-selectors-and-visual-rules-0507dd23-134e-4011-af2c-a06b06ad53f2/projects/css-selectors-1).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbrunortech%2Fhealthy-recipes-example","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbrunortech%2Fhealthy-recipes-example","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbrunortech%2Fhealthy-recipes-example/lists"}