Repository of solutions the "Directory with React" Manning LiveProject

Using React, React Router, and the Chakra UI design system, I've built an employee directory along with the user interface and add search functionality to employee pages in the directory. To improve the user experience, I've also implemented badges that let employees celebrate each others' achievements and create visually appealing indicators that show the status of data retrieval from the server using React Query tools. Tests have also been written to make sure the app works as expected.

The Live Project Series is divided into 5 projects, which are listed below and separated each in its own individual folder:

• Create Employee Page
• Implement Employee Search
• Display React Query States
• Query Mutations
• Write Automated Tests

Demo

Each folder contains a client and a server folder.The most recent project is the Write Automated Tests project. The bundled version of the app is in the client folder. To run the app, you need to run the server first, and then the client.

Here is a demo of the app: https://github.com/Parry-97/dir-w-react/assets/39216605/d62b6897-71ae-499c-aa80-c8d295b242f6