🔐 Login & Signup Authentication Page

A modern and responsive Login & Signup (Authentication UI) page built using HTML, CSS, and JavaScript.
This project features smooth UI transitions, animated panels, and a clean user-friendly design.

---

📌 About The Project

This project is a front-end authentication interface that includes:

• Login Form
• Registration Form
• Smooth sliding transitions between forms
• Modern UI design with animated elements
• Responsive layout

It is designed for integration with backend systems like Node.js, PHP, Django, or Spring Boot for full authentication functionality.

---

✨ Features

• 🔄 Toggle between Login & Register
• 🎨 Animated Background Shapes
• 💻 Responsive Layout
• 🧑‍💻 Clean Input Fields with Icons
• ⚡ Smooth Slide Animations
• 🔐 Password Field Support
• 📱 Mobile Friendly Design

---

🛠️ Tech Stack

• HTML5
• CSS3
• JavaScript
• Font Awesome Icons

---

📂 Project Structure

authentication-page/
│── index.html
│── style.css
│── style.js
│── README.md

---

🚀 How To Run The Project

1️⃣ Download or clone the repository:

git clone <your-repository-link>

2️⃣ Open the project folder.

3️⃣ Open index.html in your browser.

No installation required.

---

🎯 How It Works

• The page contains two panels:
  • Login Panel
  • Register Panel
• JavaScript handles the toggle between login and signup forms.
• CSS animations provide smooth sliding transitions.

Currently, this project is front-end only.
It can be connected to a backend server for full authentication functionality.

---

🔮 Future Improvements

• Add backend authentication (Node.js / Express / MongoDB)
• Add form validation
• Add password strength indicator
• Add remember me functionality
• Connect with Firebase Authentication
• Add OAuth login (Google / GitHub)

---

👨‍💻 Author

Aryan Gore
Computer Science Student | Web Developer

---

⭐ If you like this project, consider giving it a star!