Skip to content

A vegetarian recipe website built with React, utilizing the Spoonacular API. Features a responsive design for a seamless user experience.

Notifications You must be signed in to change notification settings

Isacco-B/vegetarian-recipe

Repository files navigation

Start2Impact React Project

  • A vegetarian recipe website built with React, utilizing the Spoonacular API. Features a responsive design for a seamless user experience.
  • License: MIT

Here's what the site should include:

  • Search bar that allows you to search for all vegetarian recipes.
  • Each recipe searched for must show at least the title and cover image.
  • Click on a recipe which will take you to a dedicated page, where further information will be shown.
  • Simple and easy to use UI and UX.
  • Organized and understandable app structure.
  • Responsive design.

Demo

Link: https://demo4.isaccobertoli.com

Tech Stack

  • React
  • Tailwind CSS
  • Lodash
  • Axios
  • React Router DOM
  • React Icons

Screenshots

  • Home

  • Search

  • Detail

Getting Up and Running Locally

Clone Repo

git clone https://github.com/Isacco-B/Start2Impact_Progetto_React.git

Create .env File

VITE_APIKEY = " Your spoonacular API https://spoonacular.com/food-api/console#Dashboard"

Install dependencies

npm install

Run development server

npm run dev
http://localhost:5173/

🔗 Links

linkedin

About

A vegetarian recipe website built with React, utilizing the Spoonacular API. Features a responsive design for a seamless user experience.

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published