Torna alla home Tutti i progetti
Frontend2025

Green Eats

App per scoprire e cercare ricette vegetariane fresche e gustose. Integrazione API esterna, filtraggio per ingredienti e UI minimalista.

ReactREST APICSS
Vedi il progetto GitHub
Screenshot di Green Eats

Green Eats 🍃

🌱 Visit the live website

Green Eats Preview

Vegetarian recipe website built with React, TypeScript, Redux Toolkit, Vite, and Tailwind CSS.

Features

  • Random and search recipes
  • Recipe detail page
  • State management with Redux
  • Responsive design
  • SEO and optimized meta tags
  • Sticky footer
  • Improved accessibility (aria-label)

Local development

  1. Clone the repository
  2. Install dependencies:
    npm install
  3. Create a .env file and add your Spoonacular API key:
    VITE_SPOONACULAR_API_KEY=your_api_key
  4. Start the development server:
    npm run dev

Production build

npm run build

Deploy on Vercel

  1. Push to GitHub
  2. Connect the repo to Vercel
  3. Set the environment variable VITE_SPOONACULAR_API_KEY
  4. Update meta tags in index.html with your production domain
  5. Automatic deploy

License

MIT