Skip to content

lenmorld/recipify

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 

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