🎓 Student Registration Form

An interactive and visually appealing Student Registration Form built using HTML, CSS, and JavaScript.

---

🔍 Features

• ✅ Responsive and modern UI with animated backgrounds
• 🎨 Glassmorphism-inspired design with floating particles
• 🎯 Real-time form validation and feedback
• 🎉 Dynamic success message on submission
• 📅 Date of birth check for future dates
• 👤 Gender & residential-type selection with interactive cards
• 📚 Course dropdown with custom-styled select box
• 👋 Personalized greeting prompt on page load

---

🛠️ Tech Stack

Tech	Usage
HTML5	Structure & form markup
CSS3	Styling, animations, gradients
JavaScript	Form logic & DOM interaction

---

🚀 Getting Started

📁 Folder Structure

📦 student-registration-form/
├── Form.html         # Main HTML page
├── styles.css        # CSS styles with glassmorphism & animations
└── form.js           # JavaScript for validation & interactivity

💻 How to Run Locally

1. Clone the Repository

   git clone https://github.com/your-username/student-registration-form.git
   cd student-registration-form

2. Open Form.html in Browser

   You can simply double-click Form.html or use VS Code Live Server:

   code .

   Then, right-click Form.html → Open with Live Server

---

📦 Future Improvements

• 🔐 Connect to a backend (e.g., Node.js, Firebase)
• 📨 Submit form data via EmailJS or REST API
• 🌍 Multi-language support
• 📲 Convert to a mobile-first PWA

---

🙌 Acknowledgements

This project was made with 💙 to practice modern front-end development techniques. Inspired by modern design trends like glassmorphism, and built with clean and reusable code structure.

---

⭐ If you found this useful, feel free to star the repository!