evento

evento

evento — это прогрессивное веб-приложение (PWA), предназначенное для оптимизации и модернизации отслеживания посещаемости университетских мероприятий путем замены традиционных методов ручки и бумаги быстрым, эффективным и цифровым решением.

Функции

• Прогрессивное веб-приложение (PWA) : устанавливается на любое устройство и доступно в автономном режиме, обеспечивая удобство использования, аналогичное нативным приложениям.
• Сканирование QR-кода : быстро сканируйте QR-коды студенческих удостоверений, чтобы мгновенно регистрировать посещаемость.
• Данные в реальном времени : немедленные обновления и синхронизация данных для точных и актуальных записей посещаемости.
• Роли и разрешения пользователей : различные уровни доступа для главного администратора, дополнительного администратора и сотрудников с ограниченными функциями для обеспечения безопасности и надлежащего управления данными.
• Уведомления и оповещения : настраиваемые уведомления о событиях, связанных с посещаемостью, и потенциальных проблемах.
• Адаптивный дизайн : полностью адаптивный дизайн, обеспечивающий удобство использования на любом устройстве, включая настольные компьютеры, планшеты и смартфоны.

Скриншоты

МОНОРЕПО

Установка

Чтобы установить и использовать evento , выполните следующие действия:

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

   git clone https://github.com/domsdano/events-attendance.git

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

    cd evento

3. Установить зависимости :

   npm install

4. Запустите приложение :

   npm start

5. Создайте приложение для производства :

   npm run build

6. Развертывание приложения . Следуйте предпочитаемому вами методу, чтобы развернуть созданное приложение на своем веб-сервере или в службе хостинга.

Использование

1. Вход : администраторы и сотрудники входят в систему, используя свои учетные данные.
2. Сканировать QR-код : используйте встроенный сканер QR-кода для сканирования студенческих билетов на предмет посещаемости.
3. Просмотр записей посещаемости : доступ к данным посещаемости в режиме реального времени и управление ими.
4. Уведомления : получайте оповещения и уведомления о событиях, связанных с посещаемостью.
5. Управление пользователями : управляйте пользователями и назначайте соответствующие роли и разрешения.

Используемые технологии

• React : для создания пользовательского интерфейса.
• Tailwind CSS : для стилизации приложения.
• shadcn : для доступных компонентов.
• Зустанд : Для государственного управления.
• React Query : для выборки и кэширования данных.
• Html5Qrcode : для сканирования QR-кода.
• React Toastify : для уведомлений и оповещений.
• TypeScript : для безопасности типов и улучшения качества разработки.
• Framer Motion : для плавной анимации и переходов.

Содействие

Вклад в улучшение evento приветствуется! Если у вас есть какие-либо идеи, предложения или отчеты об ошибках, откройте проблему или отправьте запрос на включение.

1. Форкируем репозиторий :

   git fork https://github.com/domsdano/events-attendance.git

2. Создайте новую ветку :

   git checkout -b feature/your-feature-name

3. Зафиксируйте свои изменения :

   git commit -m " Add your commit message "

4. Отправьте в свой филиал :

   git push origin feature/your-feature-name

5. Откройте запрос на включение : опишите свои изменения и отправьте запрос на включение на рассмотрение.