1 min read

Create a simple Contact Book app

Create a simple Contact Book app

Create a simple Contact Book app that allows users to manage a collection of friends’ contact details.

For each Person, the user should be able to save the name and city where they live.
All contact details should be displayed on one page, as person “cards”.

Next to each person, show two buttons:

  • an “Edit” button; when clicked, only that Person becomes editable
  • a “Delete” button, which will delete the contact

Users should only be allowed to edit one contact at a time.

Build your solution using React with Typescript.
Use only the default React hooks (no need to add any libraries).
You can fork this Github repo to try out your solution.

When you’re ready to check your work, take a look at the detailed official solution for this exercise.

Things you'll practice:

  • working with Typescript
  • working with forms
  • editing items in a collection
  • evolving the code with simple refactorings

Get a new challenge in your inbox every other week.

Learn React by practice. Get out of tutorial hell and finally be able to just build things.