Objective
I wanted to build a recipe site for a street taco shop that actually works when you're standing in a kitchen with messy hands. Most food blogs are cluttered with ads and life stories, so my goal was to strip all that away. I focused on a clean content hierarchy so users can find the ingredient list and cooking steps instantly without having to scroll through a wall of text.
Synopsis
The vibe is inspired by those ultra-minimalist cooking journals, very clean, very direct. I didn't want it to just be another website, so I built in a feature that lets you flip the digital recipe into a print-friendly PDF. It's for people who still like having a physical piece of paper on the counter while they're chopping onions.
Process
I kept the tech stack pretty lean, sticking to W3C-validated HTML5 and CSS3 because I wanted the foundation to be rock solid. The fun part was the JavaScript. I used it to handle the dynamic stuff like the Jump to Recipe button and the link sharing. I also spent a good chunk of time manually testing the layout on my phone, tablet, and laptop just to make sure the color contrast was readable and the buttons didn't move around on different screens.
Results
What started as a taco shop project turned into a fully responsive, production-ready app. It's fast, it's accessible, and the code is modular enough that I can easily plug in a login system or a full menu manager down the road. The final result is a recipe page that I really tried to make as useful as possible for anyone cooking at home or a startup. I was required to add features that actually matter, like being able to download the PDF, print the instructions, or just use the jump to recipe button when you're in a hurry. You can also save it, share the link, or use the search bar to find what you need. Moving forward, I plan to expand the site to multiple pages, add a secure sign-in feature, and increase the number of downloadable recipes and menu categories. Street Tacos repository
Project Views
Laptop View
The primary recipe page layout designed for maximum utility. It features essential tools for home cooks and startups, including a jump-to-recipe button, search functionality, and options to save, share, or download the recipe as a print-friendly PDF.
Tablet View
Showing the optimized print-layout preview, ensuring the recipe remains legible and well-formatted when viewed on mid-sized screens.
Mobile View
Showing the optimized print-layout preview, ensuring the recipe remains legible and well-formatted when viewed on mid-sized screens.