8000 GitHub - chloee122/forkify-react
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

chloee122/forkify-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

59 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Forkify React

A recipe web app built with React and free Forkify API, allowing users to search for and bookmark recipes, adjust servings and measurements, and create new recipes.

👉🏻 Hosted website: https://forkify-react-by-chloe.vercel.app

Screenshots

App Screenshot

Tech Stack

  • React
  • Typescript
  • TailwindCSS
  • Jest

Features

  • Search for recipes
  • Bookmark/Unbookmark recipes
  • Adjust servings
  • Create new recipes

Getting started

  1. Clone the repo and install NPM packages
git clone https://github.com/chloee122/forkify-react.git
npm ci
  1. Get a free API Key at https://forkify-api.herokuapp.com/v2

  2. Create a .env file and insert your API

REACT_APP_API_KEY=YOUR_API_KEY
  1. Start the application by running the command. You will then be able to access it at localhost:3000
npm run start

Running Tests

To run tests, run the following command

  npm run test

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published
0