react-1

gistfile1.txt

Task: Build a Secure File Upload Component
Objective:
Create a reusable React component for secure file upload with the following features:

File Preview: Show a thumbnail preview for images and file icons for other types.

File Size Limit: Enforce a 10 MB file size limit with a clear error message.

Drag and Drop Support: Allow users to drag and drop files.

Progress Indicator: Show upload progress with a loading bar.

Secure Upload: Encrypt the file using AES-256 before sending it to the server.

Responsive Design: Ensure the component is mobile-friendly.

API Integration: 

User Feedback: Provide user feedback on success or error states.

Technical Requirements:

Use Tailwind CSS for styling.

Implement AES encryption using a secure library like crypto-js.

Use React hooks (e.g., useState, useEffect) for state management.

Follow best practices for security and performance.

Deliverables:

Source code for the component (FileUpload.js and FileUpload.css).

Basic integration guide for connecting to the backend API.

Unit tests covering key scenarios.

Demo page for testing the component.