Scribd
Upload
2 views1 page

React Task Description

The document outlines a series of tasks for developing a React application, including user authentication with JWT, encryption and decryption functionality, dynamic right-click context menu based on user roles, custom alerts, a collapsible sidebar, and a multistep form. It also specifies implementing a logout feature on tab change and integrating with a mock API for data operations. Each task includes specific requirements to enhance the application's functionality and user experience.

Uploaded by

sesac47346
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
2 views1 page

React Task Description

The document outlines a series of tasks for developing a React application, including user authentication with JWT, encryption and decryption functionality, dynamic right-click context menu based on user roles, custom alerts, a collapsible sidebar, and a multistep form. It also specifies implementing a logout feature on tab change and integrating with a mock API for data operations. Each task includes specific requirements to enhance the application's functionality and user experience.

Uploaded by

sesac47346
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

React Task Description

Task 1: User Authentication and Authorization


- Create a React application with a login page that accepts a username and password.
- Implement authentication using JSON Web Tokens (JWT).
- Protect routes using React Router and JWT authentication.
- Implement logout functionality that clears the JWT token and redirects the user to the login page.
Task 2: Encryption and Decryption
- Create a React component that accepts a text input and encrypts it using the AES encryption algorithm.
- Create another component that decrypts the encrypted text using the same AES encryption algorithm.
Task 3: Dynamic Right-Click Enable/Disable
- Implement a feature that enables or disables the right-click context menu on each row based on an API
response of user login and role. If admin enable else disable.
Task 4: Custom Alerts and Notifications
- Create a React component that renders a custom alert box with a title, message, and buttons.
- Implement a feature that displays the custom alert box when a specific API endpoint is called.
Task 5: Collapsible Sidebar and Multistep Form
- Create a React component that renders a collapsible sidebar with navigation links.
- Implement a feature that collapses or expands the sidebar based on a button click.
- Create a multistep form that guides the user through a series of steps.
Task 6: Logout on Tab Change
- Implement a feature that logs out the user when they switch to a different tab or window.
Task 7: API Integration
- Integrate the React application with a mock API (provided below) to fetch data and perform CRUD
operations.

You might also like