Editorial Layouts
Learned how to balance images, metadata, and long-form content without overwhelming the page.
Back to Projects
Project Spotlight
Recipedia - Recipe blog website
A recipe-focused blog website built with Next.js and Tailwind CSS to present content in a clear and appetizing way.
JavaScriptReactNext.jsTailwind CSSVS Code
Overview
Recipedia is a content-led project built around recipe discovery, readable layouts, and a warm editorial feel.
It helped refine content-heavy interface design where imagery, spacing, and legibility all matter equally.
Key Features
- Recipe-first content presentation
- Readable long-form layout and content structure
- Image-supported browsing experience
- Responsive grid and article patterns
- Clean UI for visitors exploring food content
Tech Stack
- JavaScript
- React
- Next.js
- Tailwind CSS
- VS Code
Gallery
Click any image to preview it in a larger view.
What I Learned
Content UX
Improved how supporting UI can guide readers through dense content in a calm way.
Visual Rhythm
Practiced building a stronger visual rhythm with cards, grids, and section spacing.