This is my code test for Simply Business.
I've decided to use NextJS as a starting point for the App, to allow me to get started immediately with React and not worry about webpack/babel set up.
- Clone the repo
- Run
yarn install
- Start the server with
yarn dev
- View the app on http://localhost:3000
To run the end to end cypress tests, run yarn run cypress open
(assuming the app is running on port 3000).
I ran out of time, after about 3 hours I was left with all the User Stories complete (and tested apart from the mark as complete story).
Unfortunately this hasn't given me time to show off any CSS, however perhaps briefly outlining my plans might help.
The next steps I would have done with more time would have been:
- Write the missing test for marking items as complete
- Add CSS Modules to Next
- Style some of the components, such as button and checkbox, as they would be nice self contained styling bits of work. Using :before and :after pseudo elements and labels properly I would also make the Checkboxes and buttons accessible.
- Unit tests for some of the components that have any logic in them. Using Jest and react-testing-library or jest, this shouldn't be difficult
- I guess the rest of the styles and layout work.