user-permission-table

General info

• Web application that pulls data from a user API and shows it in a table
• List shows a user image, name, email, status [active/invited], role[admin, sales leader, sales rep], last login date and time

Following functionalities are implemented

• Create User (A modal is used for this and edit functionality)
• Listing users with sorting and pagination
• Users can be sorted according to name, status or role
• Pagination withing table
• Edit user - Can edit name and role

UI components

• Badge
• Button
• TableRow
• Pagination
• Toast to update user of success or error

Technologies

Project is created with:

• React
• Typescript
• React Query - for fetching data
• Axios
• React hot toast
• Tailwind CSS

Project Screenshots

• Homepage

• Add User modal

• Edit User modal

• Delete User modal