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
Member discussion