A profile application for viewing, editing, and adding profiles.
npm install
to install dependencies- create a
.env
file in the root directory and add the following:REACT_APP_API_TOKEN=someApiKey
npm start
to start the development server
Most of the UI is implemented in the ProfileList
and ProfileDrawer
components. Clicking on a profile in the list will open the drawer with the profile details. In the drawer a user can edit the profile. Clicking the edit button will open the profile in edit mode.
There's also a search bar that will search by name, email, or phone number.
- Typescript
- Material-UI for UI components
- Redux Toolkit for state management
- RTK Query for requests
- Zod for validation
This project was bootstrapped with Create React App.