Modern Event Management Web App

Overview Fully functional, modern React application for managing events. Users can add, view, edit, delete, and filter events with an intuitive interface. This project serves as both an educational React practice project and a portfolio-ready application.

========= Features =========

Core Features

✅ Add Events - Title, description, date, category, priority, status

✅ Edit Events - Modify existing event details

✅ Delete Events - Remove events with confirmation

✅ Event Filtering - Filter by: Upcoming / Past / Completed / All

✅ Modal Popups - Add/Edit events in modal dialogs using React Portals

✅ Lazy Loading - Admin Panel loaded dynamically with React Suspense

✅ Responsive Design - Mobile-friendly UI with modern styling

========= React Concepts Demonstrated =========

1.Events - onClick, onChange, onSubmit

2.Conditional Rendering - Empty states, status indicators

3.Lists & Keys - Event lists with proper key management

4.Forms - Controlled form components

5.Form Submission - Form validation and handling

6.Textarea - Multi-line text inputs

7.Multiple Inputs - Text, date, select, radio, checkbox

8.Checkbox - Mark events as completed

9.Radio Buttons - Category selection

10.React Portals - Modal rendering outside DOM hierarchy

11.React Suspense - Lazy loading components

12.CSS Styling - Global CSS with variables

13.CSS-in-JS - Dynamic styling based on state

14.CSS Modules - Component-scoped styling