Tecnologias   |    Projeto   |    Layout   |    Como executar

🧪 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

• React
• TypeScript
• Sass
• Firebase

💻 Projeto

Acesse em: https://nlw6-let-me-ask.vercel.app/

O LetMeAsk é um aplicativo para a realização de perguntas em tempo real durante lives, utilizando o Firebase para autenticação e banco de dados, feito durante o evento Next Level Week 6, da Rocketseat.

💣 Funcionalidades que adicionei além do evento

• Dark theme
• Responsividade
• Regras de negócio no Front-End: permitir acesso à página de admin somente ao criador da sala, não permitir que usuários não-logados consigam enviar perguntas, dentre outras verificações.
• React Hot Toasts: PopUps sucintos com aparência agradável para mostrar o usuário informações relevantes.
• React Modal: Modais de confirmação claros e com boas práticas de acessibilidade.
• Diferentes respostas ao usuário caso não seja possível entrar na sala requisitada.
• Melhorias gerais no design da aplicação

🔖 Layout

Você pode visualizar o layout do projeto através desse link. É necessário ter uma conta no Figma para acessá-lo.

🚀 Como executar

• Clone o repositório
• Crie um projeto no Firebase e ative o banco de dados do Realtime Database
• Preencha as variáveis ambiente com os dados do seu projeto, de acordo com o arquivo .env.example
• Instale as dependências com yarn
• Inicie o servidor com yarn start

Agora você pode acessar localhost:3000 do seu navegador.

---

Feito com ♥ por Marcelino Teixeira