zsoltime/react-recipe-box

React Recipe Box

This is my recipe box for Free Code Camp's third React challenge. Demo is available on my site.

User Stories

• I can create recipes that have names and ingredients.
• I can see an index view where the names of all the recipes are visible.
• I can click into any of those recipes to view it.
• I can edit these recipes.
• I can delete these recipes.
• All new recipes I add are saved in my browser's local storage. If I refresh the page, these recipes will still be there.

Tools Used

• React.js library
• Webpack module bundler
• Babel.js compiler
• ESLint linter with Airbnb's JS config
• Sass preprocessor with PostCSS' Autoprefixer
• Karma test runner
• Mocha test framework
• Expect assertion library

Install and Build

You need to have yarn installed on your computer, or you can use npm.

Clone this repo

git clone https://github.com/zsoltime/react-recipe-box
cd react-recipe-box

Install dependencies

yarn
# OR
npm install

Start dev server with hot reload

It builds HTML, CSS, and the JavaScript bundle, starts a dev server and refreshes the browser on every saved changes.

yarn start
# OR
npm start

Build production bundle

It builds production bundle, uglifies JS, minifies CSS - ready to upload.

yarn build
# OR
npm run build

Run unit tests

Run unit tests with Karma and Mocha

yarn test
# OR
npm run test