- Vue
- Nuxt
- Tailwind
- Storybook
- Node
- npm or yarn
To get the project up and running, and view components in the browser, complete the following steps:
- Download and install Node: https://nodejs.org/
- Clone this repo
git clone https://github.com/ielvisd/thuumper-practice.git
- cd into thuumper folder
- Install project dependancies:
yarn
- Start the development environment:
yarn dev
- Open your browser and visit http://localhost:3000
Accessibility was checked using Storybook's Accessibility Addon (https://www.npmjs.com/package/@storybook/addon-a11y) & the Axe Chrome Extension (https://chrome.google.com/webstore/detail/axe-web-accessibility-tes/lhdoppojpmngadmnindnejefpokejbdd?hl=en-US).
Performance was checked using Lighthouse Metrics https://lighthouse-metrics.com/one-time-tests/5fbb5fe9d4d0c7000806ca6d
Jest is used for unit and snapshot testing. From yarn test
A couple of items that I wanted to get to but ran out of time:
- A modal that announces that Thuumper is in closed beta when users try to sign up
- Use of Nuxt Color Mode module to trigger light/dark modes
- End to end testing for MVP flows using Cypress
- Loading states
- More validation of email & password prior to using backend services
- More components
- Reusable logic
- Further Storybook customization/add-ons
- Task Manager page/functionality