Recipes App

A small SvelteKit application to explore recipes.

Tech Stack

• Svelte
• SvelteKit
• TailwindCSS
• Bits UI

Features

• View recipes
• Filter by meal type
• Search recipes
• Bookmark recipes
• Fully responsive

Learning focus

This project was created to practice Svelte and SvelteKit fundamentals before moving on to larger applications.
Key concepts I explored:

• The new Runes syntax
• Filesystem-based routing
• Client-side and server-side data fetching
• Global state management
• Server-Side Rendering (SSR)

Run Locally

Clone the project

  git clone https://github.com/lucasbnunes/recipe-app.git

Go to the project directory

  cd recipe-app

Install dependencies

  npm install

Start the server

  npm run dev

Demo

You can access the live demo here: https://recipe-app-one-wheat.vercel.app

Screenshots