🚀 LearnEasyCode Authentication UI

A modern and responsive Login & Registration Popup built using HTML, CSS, and TypeScript.

This project demonstrates DOM manipulation, popup handling, and TypeScript integration in a clean frontend setup.

---

📌 Features

• 🔐 Login & Register form toggle
• 🎯 Smooth popup animations
• 🧠 TypeScript-based DOM handling
• 🛡 Strict type safety enabled
• 💻 Clean and responsive UI
• ⚡ Lightweight and fast

---

🛠 Tech Stack

• HTML5
• CSS3
• TypeScript
• Node.js (for TypeScript compilation)

---

📂 Project Structure

project/
│── index.html
│── style.css
│── script.ts
│── script.js
│── package.json
│── tsconfig.json
│── README.md

---

⚙️ Installation & Setup

1️⃣ Clone the repository

git clone <your-repo-link>
cd project-folder

2️⃣ Install dependencies

npm install

3️⃣ Compile TypeScript

npm run build

Or watch mode:

npm run watch

---

▶️ How It Works

• script.ts contains strongly typed DOM interactions.
• TypeScript compiles into script.js.
• The browser runs script.js.
• Popup classes are dynamically added and removed for login/register switching.

---

🎯 Learning Outcomes

• Understanding TypeScript in frontend projects
• Using strict typing with DOM elements
• Managing UI states using classList
• Setting up a TypeScript project structure

---

🔮 Future Improvements

• Form validation
• LocalStorage authentication
• Backend integration (Node.js / Express)
• Convert to React + TypeScript

---

👨‍💻 Author

Mohit Yadav
Passionate about building scalable frontend systems and improving problem-solving skills through real projects.

---

📜 License

This project is licensed under the MIT License.