Next Level Week 6 Together - Letmeask

Versão em Português | English Version

📝 Sobre o projeto

Este projeto foi desenvolvido na semana de programação Next Level Week 6 organizada pela Rocketseat e ministrada pelo Diego Fernandes.

O Letmeask é uma aplicação web com o propósito de criação de salas de perguntas e respostas ao-vivo. A aplicação pode ser usada para criar salas privadas de perguntas e respostas durante uma video aula ou curso bem como em uma sala de aula. Os usuários podem realizar perguntas e as perguntas mas votadas terão um destaque e maior visibilidade para serem respondidas.

As salas são privadas onde o acesso só pode ser realizado por meio de autenticação e com o código que é gerado ao criar essa sala. Diferentemente aos sistemas tradicionais, ao encerrar a sala somente os usuários presentes conseguirão ter acesso ao que foi discutido durante o evento.

Você pode acessar a aplicação Nesse Link 🔗

🏞️ Imagens do Projeto

🖥️ Tecnologias Utilizadas

Backend

• Firebase

Frontend

• ReactJS
• HTML / CSS / JS / Typescript

📈 Próximo nível

• Tornar responsivo
• Eslint/Prettier (CodeDrops#50)
• Adicionar tema Escuro/Claro
• Refatorar os componentes para o padrão de pastas
• Refatorar os estilos para Styled Component
• Refatorar os alerts para os modais (react-modal e cogo-toast)
• Analisar a viabilidade de PWA
• Analisar a viabilidade do Supabase (escalabilidade)

📀 Como executar o projeto

1. Clone esse projeto com: git clone https://github.com/felipepanegalli/nlw6-react-letmeask.git
2. Instale as dependências com: yarn install ou npm install
3. Renomeie o arquivo .env.example para .env.local
4. Preencha as chaves nesse arquivo
5. Execute o aplicativo com yarn start
6. Abra o navegador em http://localhost:3000 para ver o aplicativo

🧑🏻‍💻 Autor

Felipe S. Panegalli