✍️ Narrative Generator

A dynamic "Mad Libs" style web app that captures user input to generate custom stories instantly. This project demonstrates Form Validation, DOM Manipulation, and Interactive UI States.

🔗 Live Demo

🚀 Key Features

• Dynamic Story Engine: Uses JavaScript Template Literals to inject user data into a narrative structure without page reloads.
• Responsive Forms: Features a dual-column grid layout that adapts cleanly to mobile devices.
• Glassmorphism UI: Implements modern CSS transparency and blur effects for a polished look.
• Input Types: Utilizes diverse inputs (Text, Number, Select, Radio, Datalist) to demonstrate semantic HTML.

🛠️ Tech Stack

• HTML5: Semantic form structure with constraint validation.
• CSS3: CSS Grid, Flexbox, Variables, and Media Queries.
• JavaScript (ES6): Event listeners and DOM updates.