The Joy of Recipes

A Fullstack React & Express App that dynamically generates recipes, using the styled-components package.

Installation

Run:

yarn

This will install all packages and get it ready to start.

Development

To bring up locally run:

yarn start

This will start the backend, run webpack, and handle request proxying for the front end.

The start script will open localhost:3000 in your default browser to see the frontend running!

working on the frontend

navigate to /frontend in your editor, all of the code lives in the src/ folder.

working on the backend

navigate to /backend in your editor, all of the code lives in the src/ folder.

vs code

if using vs code, follow this to get the dev env juuuuuust right.

debug

head to the RUN tab (the play button w/ a bug) and select debug and hit play. this will auto attach the node debugger in vsc to the backend for you.

Bonus (one of)

1. add ci/cd using travis, circleCI, etc...
2. containerize the application
3. add deployments using heroku, digital ocean, etc...
4. add integration tests using puppeteer, webdriver, playwright, etc...