An open API service indexing awesome lists of open source software.

https://github.com/sucodev/letmeask

Aplicação web para compartilhamento, classificação (baseada na quantidade de likes) e destaque de perguntas!
https://github.com/sucodev/letmeask

Last synced: over 1 year ago
JSON representation

Aplicação web para compartilhamento, classificação (baseada na quantidade de likes) e destaque de perguntas!

Awesome Lists containing this project

README

          

# Letmeask - em desenvolvimento :construction:

### [Aplicação hospedada no Firebase](https://letmeask-66d64.web.app/)

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

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.

### :computer: 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
- [x] Criação de Salas públicas
- [ ] 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
- [x] deploy firebase