Smart Event Dashboard

Smart Event Dashboard is a simple and responsive event management web application built using HTML, CSS, and JavaScript.
It allows users to add, delete, and manage events dynamically.

---

Features

• Add new events
• Delete individual events
• Clear all events
• Add sample events
• Responsive layout
• Dynamic DOM manipulation

---

Technologies Used

• HTML5
• CSS3
• JavaScript (Vanilla JS)

---

Project Structure

Smart-Event-Dashboard
│
├── index.html
├── style.css
├── script.js
├── delete.png
└── README.md

---

Live Demo

Live Project: https://anupam311.github.io/smart-event-dashboard

---

How to Use

1. Open the project folder.
2. Make sure all files are in the same directory.
3. Open index.html in your browser.
4. Fill the form to add events.
5. Use:
   • "Clear All Events" to remove all events
   • "Add Sample Events" to insert predefined events
   • Delete icon to remove a specific event

No installation required.

---

JavaScript Concepts Used

• DOM Selection (getElementById)
• Event Listeners
• Event Delegation
• Dynamic Element Creation (createElement)
• Form Validation
• Array Iteration (forEach)
• Conditional Rendering

---

Future Improvements

• Store events in LocalStorage
• Add edit event feature
• Add event search and filter
• Sort events by date
• Improve UI design

---

Author

Anupam Chaudhary