git clone https://github.com/RichMatthews/firefly/
npm i
npm run start
in another window:
npm run watch
notes:
There are some compromises in the design, for example I didn't want to waste time getting the exact colours as this would distract from more important code and functionality. The code works and functionality is all there. But clearly to get it in to production would require unit testing and also it could be refactored into smaller components and the methods could be refactored into 1 method. There is some other unecessary duplication, but again this would be quick and easy to refactor. Also finally there is some issues with tabs expanding when the text is a certain length but again this would be something that I would agree on with UX and the product owner and ensure that there desires were met.
Finally to see both modes (i.e. in mobile view) just adjust the browser to about 770px in width or lower