🏍️ Royal Enfield Registration Portal

Ride the legacy. Register your next adventure.

The Royal Enfield Registration Portal is a modern, responsive web application designed for enthusiasts to register their interest in Royal Enfield motorcycles and book a test ride. Built using HTML, CSS, and JavaScript, the project focuses on creating an intuitive user experience through interactive forms, real-time validation, and dynamic UI interactions.

The application demonstrates front-end development concepts such as DOM manipulation, form validation, LocalStorage data persistence, and responsive design while maintaining a premium Royal Enfield-inspired aesthetic.

---

✨ Features

• 🏍️ Auto-scrolling Royal Enfield image carousel
• 📝 Interactive registration form
• ✅ Real-time form validation
• 📅 Test ride date selection
• 📍 State and motorcycle model selection
• ☑️ Radio buttons and checkboxes
• 💾 LocalStorage-based data storage
• 🎉 Animated success notifications
• 🔄 Form reset functionality
• 📱 Fully responsive layout
• ⚡ Dynamic DOM interactions
• 🎨 Premium Royal Enfield-inspired UI

---

🛠️ Tech Stack

• HTML5
• CSS3
• JavaScript (ES6)
• DOM Manipulation
• LocalStorage

---

📂 Project Structure

Royal-Enfield-Registration/
│
├── index.html
├── styles.css
├── script.js
├── assets/
│   ├── bikes/
│   └── icons/
└── README.md

---

🚀 Highlights

This project demonstrates:

• HTML Forms
• Client-side Form Validation
• Event Handling
• DOM Manipulation
• LocalStorage Data Persistence
• Responsive Web Design
• Interactive User Experience
• Modern CSS Styling
• Image Carousel Implementation

---

💡 Future Improvements

• Backend integration (Node.js + Express)
• MongoDB Database
• User Authentication
• Email Confirmation
• Test Ride Slot Availability
• Admin Dashboard
• Online Booking Management
• SMS & Email Notifications

---

📄 License

This project was built for learning, portfolio, and educational purposes.

---

Built with ❤️ for motorcycle enthusiasts.