• Tabela de conteúdos
• Sobre
• Pré-requisitos
• Instalando
• Firebase
• Iniciando
• Tecnologias
• License
• Extras

----

Este projeto foi desenvolvido durante a NLW#06, apresentada dos dias 20 a 27 de Junho de 2021. O projeto serve para ajudar os criadores de conteúdo a organizar todas as perguntas do público em um único lugar.

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js e caso queria, indico a utilização do Yarn. Além disso é bom ter um editor para trabalhar com o código, como por exemplo o VSCode

# Clone este repositório
git clone <https://github.com/ylyra/letmeask>

# Acesse a pasta do projeto no terminal/cmd
cd letmeask

# Instale as dependências
npm install
# caso tenha instaldo o yarn rode o comando abaixo
yarn

Após clonarem o projeto e iniciarem o mesmo, será necessário criar uma conta no Firebase e um projeto para disponibilizar um Realtime Database. Após criarem as configurações no Firebase crie um arquivo .env.local e preencha o mesmo com as informações que o firebase disponibilizou utilizando os nomes de variáveis encontradas em .env.example.

Após completarem o percurso anterior basta inicializarem o projeto com os comandos abaixo:

# Execute a aplicação em modo de desenvolvimento
npm run start
# ou
yarn start

# O projeto iniciará na porta :3000 para acessar ele no localhost basta ir em <http://localhost:3000>

As seguintes ferramentas foram usadas na construção do projeto:

• React
• Node Sass
• TypeScript
• Classames
• Fast-sort
• Firebase
• React-elmet
• React-hook-form
• React-modal
• React-douter-dom
• React-toastify
• use-context-selector

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

• Lista de questões ordenada (caso esteja marcada como highlighted vai para o topo e caso marcada como answered para o final da lista e existe uma ordenação no meio para as mais votadas).

• Login com google na página room.

• Criação de cores como var no global.scss.

• Uso do react-helmet para SEO.

• Implementação do react-toastify para toast elegantes.

• Implementação do react-modal para melhores modais.

• Implementação do react-hook-form para integrar formulários e não ter renderização desnecessária.

• Implementação do use-context-selector para melhor desempenho e para testar do mesmo.

• Responsividade do site.

Feito com 💜 durante a NLW#06