NLW - Pass In WEB

Pass In Web é um projeto desenvolvido para fornecer um controle administrativo eficiente e intuitivo de participantes de eventos. Com funcionalidades de listagem, filtragem por nome do participante, remoção, remoção múltipla e check-in, o Pass In Web facilita a gestão dos participantes de qualquer evento.

Funcionalidades

• Listagem de Participantes: Visualize todos os participantes registrados de forma organizada e detalhada.
• Filtro por Nome: Encontre facilmente um participante específico utilizando a funcionalidade de filtragem por nome.
• Remoção de Participantes: Remova participantes individualmente com apenas alguns cliques.
• Remoção Múltipla: Elimine vários participantes de uma só vez, agilizando o processo de gestão.
• Check-in: Registre a presença dos participantes de forma rápida e eficiente.

Tecnologias Utilizadas

O Pass In Web foi desenvolvido utilizando as seguintes tecnologias e bibliotecas:

• ReactJS: Um framework JavaScript para a criação de interfaces de usuário.
• React Hook Form: Uma biblioteca para a validação de formulários em React.
• ZOD: Uma biblioteca de validação de esquema TypeScript.
• Tailwind CSS: Um framework CSS utilitário para o desenvolvimento de interfaces.
• Axios: Uma biblioteca JavaScript para fazer requisições HTTP.
• Date-fns: Uma biblioteca JavaScript para manipulação de datas.
• Sonner: Uma biblioteca para geração de sons de notificação.

Instalação

Certifique-se de ter NODE JS (V.20) + NPM instalados em sua máquina. Certifique de que backend também esteja em execução. O backend da aplicação foi feito em node e pode ser acessado através do link https://github.com/evertonsantoos/nlw-unite-nodejs

Instale as dependências

  npm install 

Renomeie o arquivo .env.example para .env.local

Então execute a aplicação através do comando:

  npm run dev 

Screenshots