This is my recipe box for Free Code Camp's third React challenge. Demo is available on my site.
- 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.
- 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
You need to have yarn
installed on your computer, or you can use npm
.
git clone https://github.com/zsoltime/react-recipe-box
cd react-recipe-box
yarn
# OR
npm install
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
It builds production bundle, uglifies JS, minifies CSS - ready to upload.
yarn build
# OR
npm run build
Run unit tests with Karma and Mocha
yarn test
# OR
npm run test