Live·Frontend·2023

Recipe Finder

Discover recipes by name or ingredient

Next.jsTailwind CSSSpoonacular API

Overview

Recipe Finder lets users search thousands of recipes via the Spoonacular API. Built with Next.js App Router for dynamic recipe detail pages, with category filtering and a clean card-based discovery feed.

Key Features

▸Next.js dynamic routes for individual recipe detail pages with SSR
▸Spoonacular API with ingredient-level search and nutrition data
▸Category filter pills for Breakfast, Lunch, Dinner, and Desserts
▸Optimized images via next/image with responsive sizing and blur placeholders

Live Demo GitHub

https://recipe-finder-tan-nine.vercel.app

Recipe Finder

Deployed on Vercel

Launch App

Live Demo GitHub

Other Projects

View all

Dev Wear

Full-stack e-commerce with cart, JWT auth, and a Node/MongoDB backend — deployed end-to-end on Vercel.

Full-Stack

Weather Application

Real-time weather app with location search, 5-day forecasts, and a clean responsive UI.

Frontend

Todo List App

Task manager with LocalStorage persistence, status filters, and smooth animations.

Frontend