Современное веб-приложение для управления системой с аутентификацией и настройками.

• Регистрация и вход пользователей
• Восстановление пароля
• Защищенные маршруты
• Гибридная аутентификация (Firebase + LocalStorage)
• Управление профилем пользователя

• Создание, редактирование и удаление контактов
• Полная информация о контактах (имя, отчество, фамилия, дата рождения, описание)
• Группировка контактов по категориям
• Создание и управление группами контактов
• Поиск и фильтрация контактов
• Связь контактов с событиями

• Создание кастомных событий
• Автоматическое создание событий дней рождения из контактов
• Календарный вид событий
• Группировка событий по месяцам
• Привязка событий к контактам
• Уведомления о предстоящих событиях

• Создание и редактирование заметок
• Категоризация заметок с цветовой кодировкой
• Закрепление важных заметок
• Система тегов для организации
• Специальные заметки-события с датами
• Просмотрщик заметок с форматированием

• Журнал событий системы
• Отслеживание действий пользователя
• Статистика использования функций
• Аналитика производительности

• Современный адаптивный дизайн
• Темная и светлая темы
• Боковая панель навигации
• Система уведомлений
• Интуитивный интерфейс

• Управление профилем пользователя
• Настройки темы интерфейса
• Конфигурация уведомлений
• Экспорт и импорт данных

• Frontend: React 19, TypeScript, React Router
• Стилизация: SCSS с модульной архитектурой
• Управление состоянием: Zustand
• База данных: Firebase Firestore + LocalStorage как fallback
• Аутентификация: Firebase Auth + гибридная система
• Хостинг: Firebase Hosting
• Тестирование: Jest

• AuthStore: Аутентификация и авторизация
• ContactStore: Управление контактами и группами
• EventStore: Управление событиями и календарем
• NoteStore: Система заметок и категорий
• UserStore: Профиль пользователя и настройки
• UIStore: Состояние интерфейса и уведомления
• DashboardStore: Общие данные дашборда

• ContactService: API для работы с контактами
• EventService: API для работы с событиями
• NoteService: API для работы с заметками
• UserService: API для работы с пользователями
• CalendarEventService: Интеграция с календарем
• AnalyticsService: Сбор аналитики
• FirebaseAuthService: Аутентификация через Firebase
• HybridAuthService: Гибридная система аутентификации

npm install

npm start

Приложение будет доступно по адресу http://localhost:3000

npm run build

Приложение настроено для деплоя на Firebase Hosting.

1. Установите Firebase CLI:

npm install -g firebase-tools

2. Авторизуйтесь в Firebase:

firebase login

Полный деплой (хостинг + Firestore):

npm run deploy

Деплой только хостинга:

npm run deploy:hosting

Деплой только Firestore:

npm run deploy:firestore

Приложение доступно по адресу: https://alfred-cc94a.web.app

Подробное описание структуры проекта находится в файле STRUCTURE.md

1. Зарегистрируйтесь на странице /register
2. Используйте email и пароль для входа

• Email: [email protected] или admin
• Пароль: 123

Пароль можно изменить в настройках после входа в систему.

Если вы забыли пароль, обратитесь в Telegram для восстановления доступа.

• Добавление контактов с полной информацией
• Создание групп для организации контактов
• Поиск и фильтрация по различным критериям
• Экспорт и импорт данных контактов

• Автоматическое создание дней рождения из контактов
• Создание кастомных событий
• Календарный вид с группировкой по месяцам
• Уведомления о предстоящих событиях

• Создание заметок с богатым форматированием
• Организация по категориям с цветовой кодировкой
• Система тегов для быстрого поиска
• Закрепление важных заметок
• Специальные заметки-события

• Журнал всех действий в системе
• Статистика использования функций
• Отслеживание производительности