Company Calendar Application

Overview

A full-featured calendar application with admin management and employee viewing capabilities.

Features

For Employees (Main Calendar View)

• Multiple View Modes: Month, Week, Day, and List views
• Tag Filtering: Filter events by categories/tags
• Export Events: Download individual events or all events as .ics files
• Apple Calendar Style: Clean, modern interface
• Responsive Design: Works on desktop, tablet, and mobile

For Admins

• Password Protection: Secure admin access (Password: eXplorance)
• Event Management: Create, edit, and delete events
• Rich Event Details:
  • Title and description
  • Date and time (start/end)
  • Location
  • Tags for categorization
• Dashboard: View all events sorted chronologically

How to Use

Accessing Admin Panel

1. Click "Admin Login" button in the top right
2. Enter password: eXplorance
3. Manage events from the dashboard

Viewing Calendar (Employee)

1. Open the calendar (default view)
2. Switch between Month/Week/Day/List views
3. Filter events by clicking tags
4. Click any event to see details and export

Exporting Events

• Single Event: Click event → "Add to My Calendar" button
• All Events: Click "Export All Events" button
• Opens in Apple Calendar, Outlook, Google Calendar, etc.

Technical Details

• Built with React, TypeScript, and Tailwind CSS
• Data persists in browser localStorage
• Admin session stored in sessionStorage
• iCalendar (.ics) format for exports

Sample Data

The app comes pre-loaded with sample events to demonstrate functionality.