> For the complete documentation index, see [llms.txt](https://okelm.gitbook.io/devmeetings-react-ts-fork/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://okelm.gitbook.io/devmeetings-react-ts-fork/react/tasks.md).

# Tasks

> **Hint**: CSS is not the main topic here. The priority is to complete as many tasks as you can, even if it means your app looks like crap.

## 1. You'll only need `index.tsx`, `App.tsx` and `react-app-env.d.ts` files. Remove all other files and unused code - including the component code form `App.tsx`.

## 2. Create the `Contact` type

> A contact should have a name, phone number, e-mail and address.

## 3. Create a simple component that displays a user contact

> **Hint**: you can use [randomuser.me](https://randomuser.me/) for user data - just copy it over to your code.