oksas / fcc-recipebox

Create and store your recipes locally with a minimal React interface

Home Page:https://rad-recipes.herokuapp.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Recipebox

A React application that allows you to create and store your own recipes on your device, leveraging modern browsers' localStorage API.

This project was built for the assignment on Free Code Camp. Instead of building and hosting the entire project on CodePen as the assignment calls for, I took the opportunity to explore the React ecosystem a bit more and setup a development environment on my local machine and deploy to Heroku. One of my primary motivations for doing so, outside of getting a more 'authentic' React development experience, was so that I could unit test the project using Airbnb's awesome Enzyme testing framework and finally get some experience with unit testing in general. Much, but not quite all, of the project was built from a test-first perspective (TDD). There was more I intended to do with the project, but eventually decided to tie up loose ends somewhat suddenly so that I could move on to other projects. It was a hugely beneficial learning experience nonetheless.

Check it out

Currently live at https://rad-recipes.herokuapp.com/.

Running the development server

npm run dev to start the Webpack dev server, and npm run test:watch to start the tests.

Building and running the production server

npm run build to build and compile everything into /dist/bundle.js, and node server to start the production server.

About

Create and store your recipes locally with a minimal React interface

https://rad-recipes.herokuapp.com/


Languages

Language:JavaScript 78.7%Language:CSS 19.9%Language:HTML 1.4%