oojr/bobert-billing

Billing Page Example for a Fictional character using React Hooks, React Table, Styled Components and Redux Sagas

Bobert Billing

Commands

Running Locally

npm install
npm start // App will will listen on port 3000

Generating new Components/Containers

npm run generate

Build for production

npm run build

Testing

npm run test

Project Setup

The project for the challenge was bootstraped from react-boilerplate, Some of the nice features this boilerplate v4 comes with are:

• React Component and Container generation throught the command line
• Test setup and test coverage reporter
• Webpack config for productionizing an app and assets
• Internalization setup
• Other best practices

Other Technologies used

• redux-saga
• React v16.8 (React hooks version)
  • All Components in the app are functions, no ES6 Classes were used
• styled-components
  • No elements have the className attribute
• react-table v7
  • alpha version of react-table
• react-router
• redux-logger
  • A great middleware tool for debugging redux based application in the console
• axios

Credits

Credit to the designer who provided the reference Sketch