Skip to content

A simple recipe web application built with React, Apollo, Mongo and Typescript (Pre-Alpha)

Notifications You must be signed in to change notification settings

nibblebot/recipebox

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

A simple recipe web application built with React, Apollo, Mongo and Typescript (Pre-Alpha)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published