Web-Dev-2-Assignment-1 📅

📋 Description

A responsive Smart Event Dashboard built as part of Web Development II assignment. This web application allows users to add, view, and manage events with categories, dates, and descriptions. Includes a DOM manipulation demo for educational purposes.

✨ Features

• Add Events: Form to input event title, date, category, and description.
• Event Categories: Predefined options like Conference, Workshop, Meetup, Webinar, Social.
• Event Management: View events in cards, delete individual events, clear all events.
• Sample Events: Button to add predefined sample events for testing.
• DOM Demo: Interactive demo showing differences between innerHTML, innerText, and textContent on key presses.

🛠️ Technologies Used

• HTML5: Structure of the web page.
• CSS3: Styling with gradients, flexbox, and responsive design.
• JavaScript (Vanilla): DOM manipulation, event handling, and dynamic content updates.

🚀 How to Run

1. Clone or download the project folder.
2. Open index.html in any modern web browser.
3. Interact with the dashboard to add, view, and manage events.

📁 Project Structure

Web-Dev-2-Assignment-1/
├── index.html          # Main HTML file with the dashboard layout
├── style.css           # CSS file for styling the application
├── script.js           # JavaScript file handling all functionality
└── readme.md           # This documentation file