evento

evento

evento é um Progressive Web App (PWA) projetado para agilizar e modernizar o rastreamento de presença em eventos universitários, substituindo os métodos tradicionais de caneta e papel por uma solução rápida, eficiente e digital.

Características

• Progressive Web App (PWA) : Instalável em qualquer dispositivo e acessível offline, proporcionando uma experiência de usuário perfeita, semelhante aos aplicativos nativos.
• Digitalização de código QR : digitalize rapidamente os códigos QR de identificação do aluno para registrar a presença instantaneamente.
• Dados em tempo real : Atualizações imediatas e sincronização de dados para registros de presença precisos e atualizados.
• Funções e permissões do usuário : Diferentes níveis de acesso para administrador principal, administrador secundário e oficiais com recursos restritos para garantir segurança e gerenciamento adequado de dados.
• Notificações e alertas : notificações personalizadas para eventos relacionados à participação e possíveis problemas.
• Design Responsivo : Design totalmente responsivo para garantir a usabilidade em qualquer dispositivo, incluindo desktops, tablets e smartphones.

Capturas de tela

MONOREPO

Instalação

Para instalar e usar evento , siga estas etapas:

1. Clone o repositório :

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

2. Navegue até o diretório do projeto :

    cd evento

3. Instalar dependências :

   npm install

4. Execute o aplicativo :

   npm start

5. Crie o aplicativo para produção :

   npm run build

6. Implantar o aplicativo : siga seu método preferido para implantar o aplicativo criado em seu servidor web ou serviço de hospedagem.

Uso

1. Login : Administradores e dirigentes fazem login usando suas credenciais.
2. Digitalize o código QR : use o leitor de código QR integrado para digitalizar as identificações dos alunos para presença.
3. Visualizar registros de presença : acesse e gerencie dados de presença em tempo real.
4. Notificações : Receba alertas e notificações de eventos relacionados ao atendimento.
5. Gerenciamento de usuários : gerencie usuários e atribua funções e permissões apropriadas.

Tecnologias Utilizadas

• React : Para construir a interface do usuário.
• Tailwind CSS : para estilizar o aplicativo.
• shadcn : Para componentes acessíveis.
• Zustand : Para gestão estatal.
• Consulta React : para busca e armazenamento em cache de dados.
• Html5Qrcode : Para leitura de código QR.
• React Toastify : Para notificações e alertas.
• TypeScript : para segurança de tipo e melhor experiência do desenvolvedor.
• Framer Motion : Para animações e transições suaves.

Contribuindo

Contribuições para melhorar evento são bem-vindas! Se você tiver alguma ideia, sugestão ou relatório de bug, abra um problema ou envie uma solicitação pull.

1. Bifurque o repositório :

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

2. Crie uma nova filial :

   git checkout -b feature/your-feature-name

3. Confirme suas alterações :

   git commit -m " Add your commit message "

4. Envie para sua filial :

   git push origin feature/your-feature-name

5. Abra uma solicitação pull : descreva suas alterações e envie uma solicitação pull para revisão.