App Breakdown
- React + TypeScript
- Emotion Styled Components (https://emotion.sh/docs/styled)
- SCSS (global styles)
- React Context
- React Hook Form (https://react-hook-form.com)
- Material-ui
- CSS Grid + Flexbox
Automated Test Breakdown:
- Typescript
- Using Cypress to execute tests, control browser, and validate tests
- Uses Page Object Model design pattern
- Uses Factory design pattern for non-persistant test fixtures
- Open the solution in any IDE
- Yarn run start (launches the app locally)
- Cypress Run (launches Cypress)
- Form there you can run your tests