This is the frontend development challenge for TeamThink. This is a Next.js app built using React and TypeScript. You'll need basic dependencies like Yarn, Node, Homebrew, etc. installed first.
- Fork this repository. Clone the resulting repository locally and run
yarn installto install dependencies. - Next, start the development server with the
yarn devcommand. - Open http://localhost:3000 with your browser to see the result.
Your challenge will be to begin to construct the admin functionality for the application. The minimum viable specs for the admin functionality is building out the UI for the two screens included in the Figma link below. That means adding two additional pages to the application that adhere to the provided designs as closely as possible. The first of those pages should open when the "Admin Login" link is clicked on the current home screen.
Beyond that, the rest is totally up to you. You can choose to implement form validation, extend the functionality further by building actual "Add Candidates" and "View Results" screens of your own, or connect the web app to a temporary backend such as Firebase. However, the user should at least be able to navigate to the admin login screen, click the "Sign In" button, and be brought to the next admin page.
One other note is to try to adhere to existing code structure and style as closely as possible. For instance, using ESLint for linting, keeping components functional and splitting larger components up where necessary, using utility functions and globally defined types – it may help to take a little time exploring the app first before delving into the challenge.