NLW Unite - Pass.in:

Desenvolvida durante a Nlw Unite da Rocketseat a pass.in é uma ferramenta de gerenciamento de participantes de eventos.

Funcionalidades

• Persistência de estados de URL (URL State)
• Painel de controle para os organizadores
• Visualização de data de cadastro e check-in
• Busca/Filtragem de usuários em tempo real do banco de dados

Demonstração

Tecnologias Utilizadas

• ReactJs
• TypeScript
• Tailwind

Bibliotecas

• DayJs
• Lucide
• Tailwind-merge
• FakerJs (foi removida depois da ligação com o back-end)

Como Usar

1. Clone os Repositórios:

   • Clone este repositório do frontend em sua máquina local:

     git clone https://github.com/Paulo-Pacheco-Junior/nlw-unite-reactjs-rocketseat.git

   • Clone também o repositório do backend em outra pasta:

     git clone https://github.com/rocketseat-education/nlw-unite-nodejs.git

2. Instale as Dependências:

   • No diretório do frontend, instale as dependências usando o npm:

     cd nlw-unite-reactjs-rocketseat
     npm install

   • Em seguida, vá para o diretório do backend e instale as dependências:

     cd ../nlw-unite-nodejs
     npm install

3. Configure o Banco de Dados:

   • Crie um arquivo .env no diretório do backend e adicione o seguinte código:

     DATABASE_URL = "file:./dev.db"

4. Seeding do Banco de Dados:

   • No terminal, execute o comando a seguir no diretório do backend para popular o banco de dados com dados de exemplo:

     npx prisma db seed

5. Inicie os Servidores:

   • Primeiro, inicie o servidor do backend:

     npm run dev

   • Em seguida, inicie o servidor do frontend:

     cd ../nlw-unite-reactjs-rocketseat
     npm run dev

6. Acesse a Aplicação:

   • Abra seu navegador e acesse o link que ela irá gerar para usar a aplicação.

Siga esses passos para configurar e iniciar a aplicação localmente em sua máquina.