Skip to content

lenmorld/recipify

Repository files navigation

Recipe app

🥗 Recipify - React Recipe App v1! 🍝

Live Demo:

http://recipify.surge.sh/

Screens

Screen:

GIF: Recipify v1

Features

✅ (un)favorite and sync to localStorage

✅ search with themealdb API

✅ React Hooks + Portal

Inspiration / source

10 JavaScript Projects in 10 Hours - Coding Challenge by Florin Pop

Idea, UI/UX inspired by Recipe App which is implemented in vanilla JS

This version is done in React

API

https://www.themealdb.com/api.php

  • random recipe, get by first letter
  • includes recipe Youtube video for most recipes

Icons and Fonts

https://fontawesome.com

Nunito https://fonts.google.com/specimen/Nunito?sidebar.open=true&selection.family=Nunito:wght@200

Design

https://uidesigndaily.com/posts/sketch-recipe-app-food-mobile-day-615 https://www.allrecipes.com

Colors

https://coolors.co/4da871-85bda6-f3e8ee

Highlights

Todos

Codesandbox

https://codesandbox.io/s/react-projects-q3xky