2.7 KiB
2.7 KiB
Frontend - Time Tracking Application
Клиентская часть приложения для отслеживания рабочего времени, построенная на React с использованием Vite для быстрой разработки.
Описание
Этот проект представляет собой интерфейс для управления записями рабочего времени. Он предоставляет сотрудникам возможность добавлять, просматривать и управлять своими временными записями в зависимости от их роли (администратор, менеджер, сотрудник).
Функциональность
- Аутентификация пользователей
- Добавление и редактирование записей времени
- Просмотр табеля учета времени
- Управление пользователями (для администраторов)
- Просмотр подчиненных (для менеджеров)
- Экспорт данных в Excel
- Отзывчивая дизайн с использованием Bootstrap
Технологии
- React 19.1.1 - Основной фреймворк
- Vite 7.1.7 - Инструмент сборки и разработки
- React Router 7.9.4 - Маршрутизация
- Axios 1.12.2 - HTTP клиент для API запросов
- Bootstrap 5.3.8 - CSS фреймворк для стилизации
- React Icons 5.5.0 - Иконки
- XLSX 0.18.5 - Экспорт в Excel
Команды
npm run dev- Запуск сервера разработкиnpm run build- Сборка для продакшенаnpm run lint- Проверка кода ESLintnpm run preview- Предпросмотр сборки
Структура проекта
src/
├── components/ # Компоненты интерфейса
├── contexts/ # React контексты (аутентификация)
├── services/ # Сервисы для работы с API
├── assets/ # Статические файлы
└── ...
Разработка
Для локальной разработки убедитесь, что backend сервер запущен и доступен по соответствующему порту. Затем запустите:
npm run dev
Приложение будет доступно по адресу http://localhost:5173 (стандартный порт Vite).