Odin Recipes is a web application that allows users to access and browse different Filipino recipes. The app consists of an index page that lists all available recipes and individual recipe pages that contain detailed information about the recipe, including ingredients and instructions.
You can access the live version of Odin Recipes by clicking here
- HTML5
The home page (index.html) displays the title "Odin Recipes," a header with the same name, and a list of Filipino dishes. Each dish on the list is clickable and will take the user to the respective recipe page.
The recipe pages (chicken-adobo.html, sinigang-na-hipon.html, and turon.html) display detailed information about the recipe, including a picture, a brief description of the dish, a list of ingredients, and step-by-step instructions.
The recipe content was sourced from Panlasang Pinoy. The images used in the application were taken from Unsplash.This project was built as part of my web development course. The original idea came from The Odin Project's Recipes project.