A modern, feature-rich calendar application built with React, TypeScript, and shadcn/ui components. This app enables users to seamlessly manage events, view them in an intuitive calendar interface, and enjoy persistent data storage.
- 🗓️ Monthly calendar grid with properly aligned days.
- ⏪⏩ Month navigation with Previous/Next buttons.
- 🚦 Visual distinction between weekdays and weekends.
- 📍 Highlighting of the current day and selected day.
- ➕ Click-to-add event functionality.
- ✏️ Comprehensive event editing and 🗑️ deletion.
- 🏷️ Event properties include:
- 📝 Event name
- 🕒 Start and end times
- 🖋️ Optional description
- 🎨 Color coding (work, personal, other, etc.)
- ❌ Prevention of event overlaps.
- 📦 Drag-and-drop rescheduling of events.
- 📜 Side panel display of events for the selected day.
- 🔑 Keyword-based filtering of events.
- 📤 Export events to JSON/CSV formats.
- 🛠️ Local storage implementation for event data.
- 🔄 Persistent data across page refreshes.
- ⚛️ React with TypeScript
- 🛋️ shadcn/ui for rich UI components
- 📂 Local Storage for data persistence
- 🎨 TailwindCSS for styling
- Clone the repository:
git clone https://github.com/traveller318/Calender.git - Install dependencies:
npm install - Run the development server:
npm run dev - Open 🌐 http://localhost:5173 in your browser
🔗 Live Application: Calenderly
Enjoy the seamless event management experience! 🎉