Odin Recipes is a basic recipe website created as part of the Odin Project curriculum. The Odin Project is a comprehensive program for aspiring web developers, and this project demonstrates foundational HTML skills. The recipes were chosen through a search for various cuisines, providing a diverse selection for the project.
This project involves building a minimalist yet functional recipe website. The primary goal is to display an understanding of basic HTML structure and content organization, focusing on creating a user-friendly and informative site.
To practice and enhance HTML coding abilities, particularly in structuring a website and organizing content effectively, without delving into advanced styling or scripting. This includes practicing basic HTML elements like links, lists, paragraphs, and images.
- HTML (HTML5)
odin-recipes/
│
├── index.html # Main landing page with links to all recipes
├── README.md # This file
|── LICENSE.md # License information
|── css/ # Directory containing CSS stylesheet files
│ ├── style.css # Main CSS file
|── img/
│ ├── malva-pudding.jpg
│ ├── lasagna.jpg
│ ├── cape-malay-curry.jpg
│ ├── screen-captures/ # Full-size screen captures of recipe pages
│ │ ├── cape-malay-curry-page.jpg
│ │ ├── lasagna-page.jpg
│ │ ├── malva-pudding-page.jpg
│ ├── screen-captures/medium-thumbnails/ # Medium-size images for README
│ ├── cape-malay-curry-page.jpg
│ ├── lasagna-page.jpg
│ ├── malva-pudding-page.jpg
└── recipes/ # Directory containing individual recipe pages
├── lasagna.html # Recipe page for Lasagna
├── cape-malay-curry.html # Recipe page for Cape Malay Curry
└── malva-pudding.html # Recipe page for Malva Pudding
Classic Lasagna recipe page featuring a step-by-step cooking process.
Cape Malay Curry recipe page with detailed instructions and ingredient list.
Malva Pudding recipe page showcasing the description, ingredients, and preparation steps.
The website focuses on functionality and straightforwardness, adopting a minimalist design approach. This aligns with the project's focus on basic HTML, as per the Odin Project curriculum guidelines.
- Follow the Odin Project curriculum for future enhancements in CSS and JavaScript as I progress through the course.
- Reinforced foundational HTML skills taught in the curriculum through a practical project.
- Practiced basic HTML elements like links, lists, paragraphs, and images.
For graphic design or image editing suggestions to enhance the project's visual appeal, please use the following:
- Discussions page for discussions about the project.
- Pull Request page to suggest changes or additions.
For contributions or discussions about the project, please use the discussions page. To suggest changes or additions, feel free to make a pull request.
Odin Recipes is open source and available under the MIT License. For detailed information on third-party licensing, see LICENSES.md, which contains licensing details for images and other third-party resources used in the project.