TransPerfect is a React (Class Components) user management and search application. The project demonstrates fetching, filtering, and displaying users from a public API, implementing basic table actions, and adding bonus features for enhanced usability.

Task Requirements Completed

Data Fetching

• Fetched users from JSONPlaceholder.
• Showed a loading spinner while fetching data.
• Stored the fetched data in the App component state.

Data Display

• Passed data to the UserTable child component.

Data Filtering

• Created a Filter component for user input.
• Filtered data by name or email.

Table Actions

• Delete user from the list.
• Edit user inline in the table.

Extra / Bonus Features Implemented

• Add Users functionality alongside Delete and Edit.
• Wildcard search option for flexible filtering.
• Case-sensitive toggle for search.
• Used Tailwind CSS for styling the application.
• Imported clsx from "clsx" to make Tailwind cleaner and easier to maintain.
• Used RxJS to elevate handling subscriptions and store state.

Services

• HttpClientService handles HTTP requests.
• UserService manages user operations.
• For this demo, uses JSONPlaceholder mock API.
• Easily switchable to a real backend API.

Functional Approach Implementation