https://github.com/dracula27/odin-recipes

The Odin Project - Foundations - HTML Foundations - PROJECT: Simple Recipe Website
https://github.com/dracula27/odin-recipes

css css-flexbox css3 git html html5

Last synced: 2 months ago
JSON representation

The Odin Project - Foundations - HTML Foundations - PROJECT: Simple Recipe Website

• Host: GitHub
• URL: https://github.com/dracula27/odin-recipes
• Owner: DrAcula27
• Created: 2022-01-04T21:18:04.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2022-01-12T01:13:38.000Z (over 4 years ago)
• Last Synced: 2025-12-26T11:43:21.461Z (6 months ago)
• Topics: css, css-flexbox, css3, git, html, html5
• Language: HTML
• Homepage: https://dracula27.github.io/odin-recipes/
• Size: 13.7 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# odin-recipes

The Odin Project - Foundations - HTML Foundations - Basic Recipe Website

The goal of this project is to build on and cement my HTML skills and knowledge that I have gained while working through The Odin Project.

I will be building a simple recipe website, using only HTML, that will have an index page that will contain links to a few recipes.


After completing this project, I have accomplished:



    
Version control using Git and GitHub

    
Properly setting up and organizing HTML files

    
HTML coding best practices

    
Linking HTML files together

    
Adding images with use of the alternative text attribute

    
Creating ordered and unordered lists for the recipe instructions

    
Using multiple HTML tags and elements to best organize and describe the recipes

    
Linked a CSS stylesheet to the HTML files for future work

    
Linked a JS script to the HTML files for future work



Project Source: https://www.theodinproject.com/paths/foundations/courses/foundations/lessons/recipes


UPDATE 1

The Odin Project - Foundations - CSS Foundations


This project is built upon in the next section of the course. The goal is to add basic CSS to the website.


After completing this update, I have accomplished:



    
Understanding how the CSS cascade works

    
Adding basic CSS styling (colors, fonts, centering objects) to HTML elements

    
CSS styling best practices

    
Fixing CSS conflicts

    
Styling elements using the correct selectors and combinations of selectors

    
Understanding how to use class and ID attributes



UPDATE 2

The Odin Project - Foundations - Flexbox


After going through the Flexbox foundation, I have started adding CSS Flexbox functionality to the pages.