/NLW06-letmeask

Projetos de estudos criado durante a NLW 06!

Primary LanguageTypeScript

Letmeask

Feito pelo Ricardo Oliveira Licença do Projeto

Features • Pré-requisitos • Rodando a Aplicação • Tecnologias • Autor

Features - Topo

  • Autenticação (SignIn e SignOut) baseada em uma Conta Google através da integração com o Firebase.
  • Controles de Segurança I: Não se é possível acessar as rotas de criação da sala e das salas em si (não-admin/admin) sem estar autenticado.
  • Controles de Segurança II: Ao informar o código da sala, a app verifica se o usuário é o dono dela para assim redirecionar para a tela correta (não-admin/admin).
  • Criação de uma Sala de perguntas.
  • Entrar em uma Sala de perguntas já criada através de seu código.
  • Inserir pergunta em uma sala.
  • Curtir uma pergunta de uma sala.
  • Destacar uma pergunta de uma sala para ser respondida.
  • Marcar uma pergunta de uma sala como respondida.
  • Excluir uma pergunta de uma sala.

Projeto finalizado ✔

Pré-requisitos - Topo

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js e React

Além disto é bom ter um editor para trabalhar com o código como VSCode

Para finalizar, precisará também configurar um projeto no Firebase para que seja possível realizar a autenticação (Provedor da Google) e a persistências dos dados (Realtime Database).

Deve-se inserir as informações de integração com o Firebase em um arquivo de variáveis de ambiente.

# Utilize o arquivo presente no projeto chamado .env.example

# Firebase
REACT_APP_API_KEY=
REACT_APP_AUTH_DOMAIN=
REACT_APP_DATABASE_URL=
REACT_APP_PROJECT_ID=
REACT_APP_STORAGE_BUCKET=
REACT_APP_MESSAGING_SENDER_ID=
REACT_APP_APP_ID=

Rodando a Aplicação - Topo

 # Clone este repositório
 git clone https://github.com/RicardoOliveiraFilho/NLW06-letmeask.git 
 # Acesse a pasta do projeto no terminal, a partir do diretório ao qual o comando de clonagem foi executado
 cd NLW06-letmeask
 
 # Instale as dependências
 $ yarn install ou
 $ npm i 
 
 # Execute a aplicação em modo de desenvolvimento
 $ npm start 
 $ yarn start
 
 # O servidor iniciará na porta:3000
 # Acesse http://localhost:3000

Quando você tiver realizado todos os passos do projeto verá a imagem do projeto

Tecnologias - Topo

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

Autor - Topo

Feito por Ricardo Oliveira - Entre em contato!