Recipe Application

A modern recipe application built with Next.js, TypeScript, TailwindCSS, and Zustand for state management. Fetch recipes from TheMealDB API and manage your own recipes locally.

Live on RecipeCookin'

Tech Stack

• Framework: Next.js (React)
• Language: TypeScript
• state management: Zustand
• Styling: TailwindCSS

Features

• Fetch recipes from TheMealDB API
• CRUD for your own recipes
• Save favourites and custom recipes to browser local storage
• Search Bar with 1 - second debounce
• Pagination for browsing recipes

Usage

1. Clone the repo

2. Install dependencies:

   npm install
   

3. Run the development server:

   npm run dev

4. Open http://localhost:3000 in your browser