Internship interview

This interview is meant to assess skills level of the candidate. It's recommended to have a look at the linked resources to get up to speed with React and the Next.js framework.

Instructions

Step 1

Create an hello world app with Next.js.

Step 2

Create a simple todo list with these features:

• Add a todo
• Delete a todo
• Mark todo as completed
• View the todo list

Step 3

Store todos in localStorage so that they are persisted across browser refreshes.

Step 4

Make the todo list look like this.

Requirements

• Use only functional components.
• Use React state hooks for state management.
• Development workflow:
  • Create a git branch for each step (e.g. step-1)
  • When you complete a step open a Pull Request (PR) and wait for review.
  • Once the PR is approved, merge into master and delete the step branch.

Resources

• React docs
• Next.js docs
• The Beginner's Guide to React
• Github Desktop