A
Back to Projects
Recipedia - Recipe blog website

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
    JavaScript
  • React
    React
  • Next.js
    Next.js
  • Tailwind CSS
    Tailwind CSS
  • VS Code
    VS Code

Gallery

Click any image to preview it in a larger view.

What I Learned

Editorial Layouts

Learned how to balance images, metadata, and long-form content without overwhelming the page.

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.

More Projects

View all projects