Skip to content

Latest commit

 

History

History
63 lines (44 loc) · 1.01 KB

README.md

File metadata and controls

63 lines (44 loc) · 1.01 KB

RecipeBox

A simple recipe web application built with React, Apollo, Mongo and Typescript.

Both frontend and backend are written in Typescript with TSLint and Prettier.


Backend

ts-node with apollo-express middleware and mongoose ORM

Scraping scripts grab recipes/images from Yummly with Puppeteer.

Installing

$ cd backend
$ npm install

Features

async/await everywhere (file system, network, mongo, puppeteer)

Running Apollo Server

(in backend directory)

$ npm run start

Frontend

Forked from create-react-app

Installing

$ cd frontend
$ npm install

Running Dev Server

(in frontend directory)

$ npm run start

Features

  • React Router
  • Apollo Client state management
  • Hot reloading

Screenshots

  • Show all Recipes Show All Recipes
  • Recipe View Recipe View
  • Recipes by Ingredient Recipes by Ingredient