Skip to content

A modern and responsive Recipes App built with React, TypeScript, TailwindCSS, Zustand, and React Router. Users can explore a wide range of recipes, search and filter them, view detailed recipe pages, and manage their favorites list with ease.

Notifications You must be signed in to change notification settings

GabrielePre11/react-recipes-app

Repository files navigation

🍽️ Recipes App

A modern and responsive Recipes App built with React, TypeScript, TailwindCSS, Zustand, and React Router.

Users can explore a wide range of recipes, search and filter them, view detailed recipe pages, and manage their favorites list with ease.


🚀 Features

  • 🔍 Search & Filter: Quickly find recipes by keywords and categories.
  • 📄 Detailed Recipe View: Click on any recipe to view ingredients, steps, and more.
  • ❤️ Favorites Management: Add or remove recipes from your personal favorites list.
  • 📱 Responsive Design: Looks great on all devices thanks to TailwindCSS.
  • State Management: Zustand is used for lightweight and scalable global state handling.
  • 🌐 Routing: Navigate seamlessly using React Router.

🛠️ Tech Stack

  • React
  • TypeScript
  • TailwindCSS
  • Zustand
  • React Router

React React Router TypeScript TailwindCSS Vite


📸 Screenshots

App Screenshot

About

A modern and responsive Recipes App built with React, TypeScript, TailwindCSS, Zustand, and React Router. Users can explore a wide range of recipes, search and filter them, view detailed recipe pages, and manage their favorites list with ease.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages