This is a preliminary test to determine the technical ability of developers applying for frontend positions at Digia.
Before starting, please read carefully through the instructions below. You are free to look up any information online and offline and spend as much time on the test as you deem necessary. Please direct any questions to Eric Nishio at eric.nishio@digia.com.
Your objective is to create a small signup form and a list of participants with Next.js and TypeScript, meeting the following requirements:
- Use Next.js to scaffold your application using TypeScript
- Generate 20 participants that contain imaginary values for the following properties: id, name, email address, and phone number
- Render a table that displays the participants on individual rows
- Create a form for adding new participants to the table (remember to validate the form)
- Make each participant editable by clicking on a table cell (inline editing)
- Add support for deleting rows
- Make each column sortable upon clicking on a column header
- Write a developer-friendly installation guide on how to run the app
- Push your code to a public GitHub repository
- Deploy a live build on the internet
- FOLLOW THE DESIGN AS ACCURATELY AS YOU CAN (as for the logo, feel free to render a blank square)
Upon completing the test, please push your code to a new public repository on GitHub, deploy a live build on the internet, and email both links to eric.nishio@digia.com. Please refrain from including any file attachments as they will cause your email to end up in the spam folder.
Other things to note:
- You do not need to write tests.
- You do not need to use global state management.
- You are free to write your CSS however you want.
Good luck!