Focus Frontend Engineer Exercise

This is the frontend technical exercise for Focus Consulting.

Objectives:

• provide you with an example of the kind of work that you will likely be working on
• provide a context for our upcoming discussion/interview
• provide evidence of your coding ability and understanding of relevant stack
• create an efficient interviewing process based on early alignment on both sides

Technical Stack:

• Typescript
• React

Each exercise is written in the form of a typical user story ticket; each part of the exercise is complete after all the acceptance criteria is met.

Instructions

1. Complete reading through this README page.
2. Start the UI with pnpm start
3. The home page will include all the details of what needs to be completed

Styling

These exercises are not a test of design, so the majority of the effort should be spent on getting the functionality implemented. The repository is making use of styled-components but you are welcome to bring in any UI library you are comfortable with.

Relevant commands

• pnpm install : downloads all the dependencies for the app
• pnpm start : starts the frontend React app. Changes will cause a reload
• pnpm run server : starts the backend API
• pnpm test:e2e : runs Playwright end-to-end tests