https://github.com/hasanthebest/try-recipes

A recipe explorer app, built with ReactJS, Material UI and React Router.
https://github.com/hasanthebest/try-recipes

material-ui react-router-dom reactjs

Last synced: about 5 hours ago
JSON representation

A recipe explorer app, built with ReactJS, Material UI and React Router.

• Host: GitHub
• URL: https://github.com/hasanthebest/try-recipes
• Owner: hasanTheBest
• Created: 2020-09-25T21:25:34.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2020-09-25T21:30:51.000Z (about 4 years ago)
• Last Synced: 2023-08-23T17:43:39.224Z (about 1 year ago)
• Topics: material-ui, react-router-dom, reactjs
• Language: JavaScript
• Homepage: https://try-recipes.netlify.app/
• Size: 288 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# try-recipe

Hey Foodie! Explore recipes and try them out with the help of text and video instructions.

live link https://try-recipes.netlify.app/

## Features

1. Search by recipe name and tag

2. Filter by ingredient, category, area and the first letter

3. Random lookup, a single lookup with text and video guidance of making the recipe.

4. Ingredient and category description. Ingredient autocomplete (mobile 600px )

5. And the last hot one is "DARK/Nightmode" switching

### Framework/Tools:

1. React - A Javascript library for building user interfaces

2. Material UI - A popular React UI framework

3. React Router - A declarative routing for react.js

4. API - themealdb.com

5. Helper - material-ui-popup-state, material-ui-image, autosuggest-highlight

6. Custom Hook, Suspense, Lazy Load and Context Api from ReactJs