aniecethompson / recipe-frontend

🍳 React front-end of recipe searching application ⚛️

Plan It!

A recipe searching application that allows users to search for a recipe by ingredient or receive inspiration from the random recipe generator. Users can then view the full recipe and have the option of saving recipes to their cookbook for later use. Recipe information is provided by Spoonacular API.

Want to check out how the application works? Video demo available here: https://www.youtube.com/watch?v=UWyEuIQ1itU

Languages and Frameworks

Front-End

CSS React React-Bootstrap React-Routers Spoonacular API

Back-End

Ruby PostgreSQL ActiveRecord

Installation

First, clone/fork-clone the recipe-api repo. Once inside of that repo run the following commands:

rails s -p3001

Then, clone/fork-clone the recipe-frontend repo. Once inside of that repo run the following commands:

npm install
npm start 

Contribution

Pull requests are more than welcome. For major changes, please open an issue first to discuss what you would like to change.

This project does not have any tests.