/LetmeAsk

aplicação desenvolvida com REACT, feita no evento NLW Together

Primary LanguageTypeScript

       Logo

demo

Letmeask - em desenvolvimento 🚧

Desenvolvido durante a 6° NLW da Rocketseat 🚀 Aplicação web para compartilhamento, classificação (baseada na quantidade de likes) e destaque de perguntas! ✨

Como funciona? Crie uma sala para receber perguntas. Ao criar, um código será gerado e você poderá compartilhá-lo para que outras pessoas possam entrar na sala e mandar perguntas.

💻 Technology Stack:

  • React.js
  • TypeScript
  • Firebase
  • Sass

Conteúdos abordados:

Dia 01

  • Fluxo de uma SPA
  • Conceitos do React - componente, propriedade, estado
  • Explicação do fluxo da aplicação

Dia 02

  • Estilização de páginas
  • Funcionamento da navegação - roteamento
  • Autenticação com firebase
  • Contexto dentro do React - contrução de uma Context API para autenticação
  • Utilização do useEffect

Dia 03

  • Fluxo de criação e acesso das salas - criar referência, inserir, buscar no firebase
  • Criar regras no Realtime Database
  • Formulários no React
  • Eventos do Firebase

Dia 04

  • Uso de hooks e custom hooks
  • Tipagem ReactNode (qualquer conteudo aceitável jsx)
  • Adicionando novas funcionalidades às perguntas

Dia 05

  • Terminando funcionalidades do admin
  • Hospedagem do projeto

Adicionais TODO

  • dark mode - salvando escolha no localstorage
  • responsivo
  • tema novo
  • erros/alertas, sugestão: react hot toast
  • criar modais (react-modal)
  • separar pasta de componentes
  • retirar destaque/marcar como respondida da pergunta
  • deploy firebase