Skip to content

This application allows users to search for food recipes by entering a query. The resulting recipes are then displayed in a list on the page with all the corresponding data. The compiled application code was deployed to Firebase Hosting.

Notifications You must be signed in to change notification settings

FAIRit/fe-react-recipe-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Recipes App

Description

This is an application to render a list of recipes in React. It was built as a project to practice how to create and import components, make an api call, and render a list of recipes based on that call.

  • fetching data from an api with React
  • useState and useEffect
  • passing down data in React with props
  • updating state

Project Screenshot(s)

  • SCREENSHOT 1

React Recipe App 01_a

  • SCREENSHOT 2

React Recipe App 02b

Installation and Setup Instructions

Clone down this repository. You will need node and npm installed globally on your machine.

Installation:

npm install

To Run Test Suite:

npm test

To Start Server:

npm start

To Visit App:

localhost:3000

About

This application allows users to search for food recipes by entering a query. The resulting recipes are then displayed in a list on the page with all the corresponding data. The compiled application code was deployed to Firebase Hosting.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published