XLogin is a simple React-based login interface.
It includes fields for Username and Password and displays messages based on the validity of the entered credentials.
Uses form, label, input, and button elements as per best practices.
Ensures both fields are mandatory before submission.
✅ "Welcome, user!" if the username is user and password is password.
❌ "Invalid username or password" for all other inputs.
Clean and responsive UI built with CSS.
Clone the repository:
git clone https://github.com/dhamodharanECE/Build-the-XLogin-Implementation.git
cd xlogin
Install dependencies:
npm install
Run the app:
npm start
View in browser:
Open
http://localhost:3000
Enter Username as user.
Enter Password as password.
Click Submit.
✅ You’ll see “Welcome, user!”
Enter any other combination.
❌ You’ll see “Invalid username or password”
React.js – Frontend library
HTML5 – Semantic markup
CSS3 – Styling and layout
Initial Render:
Form with Username and Password fields.
Valid Login:
Displays “Welcome, user!”
Invalid Login:
Displays “Invalid username or password”.
Dhamodharan S
Full Stack Web Developer Intern
📧 Email:
dhamodharans206@gmail.com
https://github.com/dhamodharanECE/Build-the-XLogin-Implementation.git