Dilicious

A modern, responsive recipe discovery web application built with React and Tailwind CSS, powered by the Spoonacular API. Explore thousands of recipes from around the world, discover new cuisines, and find detailed cooking instructions for your favorite dishes.

  • Dilicious - Image 1
  • Dilicious - Image 2
  • Dilicious - Image 3
  • Dilicious - Image 4
  • Dilicious - Image 5
Live DemoSource Code

Project Details

Overview

Dilicious is a modern, responsive recipe discovery web application built with React and Tailwind CSS, powered by the Spoonacular API. Users can explore thousands of recipes from around the world, discover new cuisines, and find detailed cooking instructions for their favorite dishes.

Technologies Used

  • React
  • Tailwind CSS
  • Spoonacular API

Key Features

  • Browse Recipes: Explore popular and vegetarian recipes.
  • International Cuisines: Discover recipes from specific countries such as Italian, Chinese, and more.
  • Smart Search: Search for specific dishes or ingredients.
  • Detailed Recipe View: Access complete ingredient lists and step-by-step cooking instructions for each recipe.

Challenges & Solutions

  • Understanding the Spoonacular API: The main challenge was learning how the Spoonacular API works. I solved this by carefully reading the documentation and experimenting with different endpoints.

Lessons Learned

  • Gained experience integrating third-party APIs into a React application.