About This Project

Fork & Fire began as a simple assignment from The Odin Project. Originally titled Odin's Recipe, the site has since been renamed to better reflect its identity and visual direction. The goal was to create a website with a homepage that showcases a few recipes and allows users to navigate to individual recipe pages.

The first version, built in August 2024, featured a basic layout — mostly plain text and images with minimal styling and structure.

Fast forward 10 months to June 2025, the entire site has been redesigned with a modern, clean layout, improved typography, better spacing, and subtle animations to enhance the user experience.

One major update is the introduction of a single dynamic recipe page. Instead of having a separate HTML file for each recipe, the site now uses JavaScript to inject recipe data into a single recipe.html page. When a user clicks on a recipe card, the corresponding recipe ID is passed through the URL, and the page loads the correct content dynamically.

Old Home Page
Original Homepage
Old Recipe Page
Original Recipe Page
New Home Page
Redesigned Homepage
New Recipe Page
Redesigned Recipe Page

This project reflects my growth as a frontend developer — evolving from writing raw HTML layouts to building dynamic, responsive UIs with clean structure and user-focused design.