Cookly-frontend
How to used
git clone repo
Install Dependencies
yarn or yarn install
Run Project
yarn dev
Note:
In case that you want to change port you can edit scripts in package.json to
"dev": "next -p {PORT}"
Flow
Flow is a static type checker for your JavaScript code. It does a lot of work to make you more productive. Making you code faster, smarter, more confidently, and to a bigger scale.
Flow checks your code for errors through static type annotations. These types allow you to tell Flow how you want your code to work, and Flow will make sure it does work that way.
Bulma
If you want to customize Bulma go to static/styles/bulma.scss and import what you need.
Then compile new css
yarn css-build
Blueprint
Blueprint is a React-based UI toolkit for the web. It is optimized for building complex data-dense interfaces for desktop applications.
Storybook
Storybook is a UI development environment for your UI components. With it, you can visualize different states of your UI components and develop them interactively.
yarn storybook
Redux
All pages have access to the redux store using connect from react-redux.
Redux Saga
All request when call API should use redux-saga
Prettier
Format your code with prettier sample
Note:
If you got the error message something like on your Editor
Failed to load plugin jsx-a11y: Cannot find module 'eslint-plugin-jsx-a11y'
You can try to install peerDependencies like this
yarn remove eslint-config-airbnb
yarn add --dev --peer eslint-config-airbnb