Login_page1

Arafat0122

A responsive login page designed with Tailwind CSS and DaisyUI. It features a stylish user interface with animated elements and a password toggle functionality. The form includes validation for a strong password and displays alerts for successful or failed login attempts using SweetAlert2.

Demo Download

This project is a responsive login page designed with Tailwind CSS and DaisyUI. It features a stylish user interface with animated elements and a password toggle functionality. The form includes validation for a strong password and displays alerts for successful or failed login attempts using SweetAlert2.

Features

Responsive Design: The page is fully responsive and works on various devices.
Animated Heading: The "Welcome Back" heading is animated letter by letter for a smooth entrance effect.
Password Toggle: Users can show or hide the password by clicking the eye icon.
Form Validation: The password field enforces a strong password policy with at least 6 characters, including one uppercase letter, one lowercase letter, and one number.
SweetAlert2 Integration: Success and error messages are displayed using SweetAlert2.

Technologies Used

HTML: For the basic structure of the login page.
Tailwind CSS: For styling and ensuring responsiveness.
DaisyUI: For additional UI components and styling.
SweetAlert2: For displaying alerts and messages.

Live Demo

Check out the live demo of this login page here.

Getting Started

Prerequisites

To run this project locally, you'll need a web browser that supports HTML5 and JavaScript.

Installation

Clone the repository:

git clone https://github.com/arafat0122/login_page1.git

Navigate to the project directory:
```
cd login_page1
```
Open the index.html file in your web browser to view the login page.

Usage

Enter your email and password to log in.
Use the eye icon to toggle the visibility of the password.
Click the "Login" button to submit the form.
If the password doesn't meet the criteria, an error message will be displayed.

Contributing

If you'd like to contribute to this project, feel free to fork the repository and submit a pull request. Contributions are welcome!

Contact

If you have any questions or feedback, feel free to reach out to me at soyebarafat0122@yahoo.com

Project Structure

The project directory is structured as follows:

login_page1/
├── asset/ # Directory for assets like images, icons
│ └── login.png # Login page icon
├── index.html # Main HTML file for the login page
└── README.md # This README file

Top categories