https://github.com/milan-sony/odin-recipes

The Odin Project | Assignment | Odin Recipes
https://github.com/milan-sony/odin-recipes

odin-recipes odinproject theodinproject

Last synced: about 1 month ago
JSON representation

The Odin Project | Assignment | Odin Recipes

• Host: GitHub
• URL: https://github.com/milan-sony/odin-recipes
• Owner: milan-sony
• Created: 2024-09-12T11:16:35.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-09-13T05:01:38.000Z (3 months ago)
• Last Synced: 2024-09-13T16:30:00.180Z (3 months ago)
• Topics: odin-recipes, odinproject, theodinproject
• Language: HTML
• Homepage: https://www.theodinproject.com
• Size: 3.91 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# #TheOdinProject | Assignment

# Odin Recipes

Iteration 1: initial structure

1. Within the `odin-recipes` directory, create an `index.html` file.

2. Fill it out with the usual boilerplate HTML and add an `h1` heading “Odin Recipes” to the body.

   

Iteration 2: recipe page

1. Create a new directory within the `odin-recipes` directory and name it `recipes`.

2. Create a new HTML file within the `recipes` directory and name it after the recipe it will contain. For example `lasagna.html`. You can use the name of your favorite dish or, if you need some inspiration, you can find a recipe to use at `Allrecipes`.

3. For now, just include an `h1` heading with the recipe’s name as its content.

4. Back in the index.html file, add a link to the recipe page you just created. Example: Under the `
Odin Recipes
` heading, write out the link like so: `Recipe Title`. The text of the link should again be the recipe name.


Iteration 3: recipe page content

Your new recipe page should have the following content:

1. An image of the finished dish under the h1 heading that you added earlier. You can find images of the dish on Google or Allrecipes.

2. Under the image, it should have an appropriately sized “Description” heading followed by a paragraph or two describing the recipe.

3. Under the description, add an “Ingredients” heading followed by an unordered list of the ingredients needed for the recipe.

4. Finally, under the ingredients list, add a “Steps” heading followed by an ordered list of the steps needed for making the dish.

Iteration 4: add more recipes

1. Add two more recipes with identical page structures to the recipe page you’ve already created.

2. Don’t forget to link to the new recipes on the index page. Also, consider putting all the links in an unordered list so they aren’t all on one line.

Live link