UsernameDisplay React Component

A simple and responsive React component that displays a username on top of a full-screen image. The font size adjusts dynamically based on the screen size for better readability on various devices.

Features

• Displays a full-screen background image.
• Shows a username on top of the image.
• Adjusts the font size based on the screen size (responsive).
• Includes basic styling with a text shadow for better contrast and readability.

Installation

You can install the UsernameDisplay component from npm (once it’s published) or include it in your project manually.

1. Install via npm (once published)

npm install your-package-name

Props
username (string): The username to display on top of the image.

imageUrl (string): The URL of the image to display as the background.

Example Usage:
javascript
Copy
Edit
<UsernameDisplay 
  username="Aliya" 
  imageUrl="https://via.placeholder.com/1200x800" // Replace with your image URL
/>