Recipe project for ODIN curriculum
Welcome to my simple recipe websiteβhand-coded with love, caffeine, and questionable restraint around dessert portions. This project was built as practice using just HTML (and maybe a sprinkle of CSS later on). It's deployed live via GitHub Pages.
Check it out here:
https://github.com/agile-learning-institute/member-erin-recipes.git
/ MEMBER-ERIN-RECIPES βββ index.html βββ /recipes β βββ orange-creamsicle-sheet-cake.html β βββ more-recipes-soon.html βββ README.md
- HTML5
- Visual Studio Code
- Git + GitHub for version control & deployment
- Homepage with links to individual recipes
- Dedicated pages for each dish
- Simple navigation and clean structure
The Orange Creamsicle Sheet Cake recipe is from AllRecipes.com, and all credit goes to the original author. This version is for educational use and web dev practice only.
-
Clone the repo:
git clone https://github.com/agile-learning-institute/member-erin-recipes.git
-
Open the folder in VS Code
-
Right-click index.html and choose "Open with Live Server"
π§ Planned Upgrades Add CSS to style pages with tasty visuals
Include recipe photos
Create a responsive layout for phones/tablets
Add more recipes (sweet AND savory!)
π©βπ» Author Erin Recovery Specialist | Junior Developer | Metalhead-in-HTML Find me rockinβ brackets and breakdowns in equal measure π€
πΆ Kitchen + Code Playlist "Devil's Choir" β The Veer Union
"Wasteland" β 10 Years
"Dead Butterflies" β Architects