douglasconstancio / letmeask Goto Github PK

Projeto   |    Tecnologias   |    Material de apoio   |    Apresentação visual   |    Como baixar   |    Sobre    |    Backlog

Já pensou que em lives as pessoas recebem muitas perguntas, principalmente quando se ensina alguma coisa, ou apresenta algum produto/serviço? - Pois é, são várias perguntas e os apresentadores das lives tem que responder as perguntas, afinal, são clientes/possívels clientes não é mesmo?

Sabendo dessa necessidade, a Rocketseat teve a brilhante ideia de elaborar um projeto que consiste no ranqueamento de perguntas para que as perguntas prioritárias dos aprensetadores das lives sejão as mais ranqueadas ou seja, as dúvidas que são mais frequentes pela comunidade.

Abaixo estão algumas das tecnologias utilizadas durante o desenvolvimento do projeto. Ainda foi visado: Organizar o diretório da nossa aplicação de forma concisa, limpa e eficiente. Escrever código limpo visando reutilização e eficiência.

• Typescript
• Firebase Security Rules
• Create React App
• Sass
• ReactJS

O layout foi baseado no protótipo idealizado no Figma e conforme imagem abaixo:

  // Clonar repositório
  $ git clone https://github.com/douglasconstancio/letmeask.git

  // Acessar diretório
  $ cd letmeask

  // Instalar dependências
  $ yarn

  // Iniciar build
  $ yarn build

  // Iniciar projeto
  $ yarn start

• 🟢 Torná-lo responsivo
• 🟢 Melhorias visuais e de estado de alguns botões
• ⛔️ PWA (Rodar off) - Utilizar e estudar o Next PWA
• 🟢 Dark Theme
• ⛔️ Testar outros bancos de dados ex: (Firestore, Supabase, FaunaDB)
• 🟢 Ao criar sala redirecionar para admin e não para usuario padrão
• 🟢 Usar modal ex: (react-modal)
• ⛔️ Melhorar o carregamento das perguntas
• 🟢 Validar se a sala já não foi encerrada quando enviar pergunta
• 🟢 Dono da sala conseguir ver quantidade de likes
• ⛔️ Dono da sala conseguir ver quantidade de pessoas ativas (talvez as fotinhos...) ⭐
• 🟢 Opção de adicionar perguntas anônimas
• ⛔️ Usuário saber quais salas abertas ele possui ⭐
• ⛔️ Separar instâncias do ambiente de dev e de prod
• 🟢 Adicionar hint/tooltip em alguns botões e campos
• ⛔️ Adicionar opção para administrador setar término dos envios de perguntas;
• ⛔️ Configurar Prettier/ESlint para o projeto;
• ⛔️ Adicionar testes E2E (cypress, cucumber...);
• 🟢 Adicionar opção do usuário remover própria pergunta (quando não estiver em destaque ou respondida);
• ⛔️ Perguntar se realmente quer sair da sala antes de redirecionar ao clicar no link do Header
• ⛔️ Adicionar licença ao repositório

Esta disponibilizada nesta URL a primeira versão do projeto.

Este projeto foi idealizado na trilha de ReactJS na edição Together do NLW da Rocketseat. O NLW é um evento online com muito código, desafios, networking e aprendizado.