Календарь событий

Это современное и адаптивное веб-приложение для управления событиями, созданное с использованием React и Tailwind CSS. Приложение позволяет пользователям создавать, просматривать и управлять своими событиями в интуитивно понятном интерфейсе.

✨ Основные возможности

• Несколько режимов просмотра: Переключайтесь между режимами "Месяц", "Неделя" и "День" для удобного отображения ваших планов.
• Управление событиями: Легко создавайте, редактируйте и удаляйте события через модальное окно.
• Категории: Присваивайте событиям категории (Работа, Встреча, Личное и т.д.) с цветовой кодировкой для лучшей организации.
• Фильтрация: Фильтруйте события на боковой панели, чтобы видеть только то, что вам нужно.
• Напоминания: Устанавливайте напоминания для событий, и вы получите уведомление в браузере незадолго до их начала.
• Адаптивный дизайн: Приложение отлично выглядит и работает как на настольных компьютерах, так и на мобильных устройствах.
• Темная/Светлая тема: Переключайтесь между темами для комфортного использования в любое время суток.
• Импорт и Экспорт: Экспортируйте ваши события в стандартном формате .ics или импортируйте события из других календарей.
• Локальное хранилище: Все ваши данные надежно хранятся локально в вашем браузере. Не требуется регистрация или сервер.

🚀 Технологии

• React: Современная библиотека для создания пользовательских интерфейсов.
• TypeScript: Строгая типизация для повышения надежности и масштабируемости кода.
• Tailwind CSS: Утилитарный CSS-фреймворк для быстрой и кастомной стилизации.
• Day.js: Легковесная библиотека для работы с датами и временем.

🏁 Как запустить

Этот проект не требует сложной настройки или процесса сборки.

1. Клонируйте репозиторий:

   git clone https://github.com/NeuroPythonGit/event-calendar.git

2. Перейдите в папку проекта:

   cd <НАЗВАНИЕ_ПАПКИ>

3. Откройте файл index.html в вашем любимом браузере. Готово!

📂 Структура проекта

/
├── components/         # React компоненты (Календарь, Шапка, Модальные окна и т.д.)
├── hooks/              # Пользовательские хуки (например, useLocalStorage)
├── App.tsx             # Основной компонент приложения
├── constants.ts        # Константы приложения (например, список категорий)
├── types.ts            # Определения TypeScript типов
├── index.html          # Главный HTML файл
├── index.tsx           # Точка входа для React приложения
└── README.md           # Этот файл