Skip to content

kushinauwu/react-recipe-aggregator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Chefy

This is a recipe aggregator application that categorizes recipes by main ingredient. Includes a search feature. Built with React, Javascript and Sass.

Live site

Chefy

Installation and Setup

You will need node and npm to run this application on your machine.

Installation:

npm install

To start the server:

npm start

To view the app in your browser

[http://localhost:3000/react-recipe-aggregator](http://localhost:3000/react-recipe-aggregator)

The page will reload when you make changes.
You may also see any lint errors in the console.

Notes

This was a side project I built in order to learn more about React and Routers.

I wanted to make use of an API from where I could pull data and display it dynamically using React. I started this project by installing create-react-app, and then building on to it using react, router, links and hooks. Furthermore, Sass was used to build the UI of this app.

This project also allowed me to get a better grip on creating custom hooks, resusable components and using the new react-router 6.3.

I used MealDB for the API to fetch content from and favicon.io to generate a favicon for this app.

About

A recipe aggregator built using React and Sass

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published