Skip to content

elvesw/nlw6-reactjs

Repository files navigation

Letmeask

NLW Together 06 LinkedIn GitHub top language GitHub language count Repository size GitHub last commit License Stars

Letmeask


✅ Features

  • Autenticação com conta Google
  • Página com sala exclusiva para perguntas da sua audiência
  • Página de perfil com todas salas criadas pelo usuário
  • Página com todas as salas, abertas para perguntar e fechadas para rever as perguntas
  • Layout responsivo
  • Tema Dark e Light

✔️ Demonstração da aplicação

Hospedado Firebase Hosting, veja como ficou, deixe seu Oieee registrado.

🧪 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

  • ReactJS
  • Firebase
  • Typescript

🚀 Como executar

Clone o projeto e acesse a pasta do mesmo.

$ git clone https://github.com/elvesw/nlw6-reactjs
$ cd nlw6-reactjs

Para iniciá-lo, siga os passos abaixo:

# Instalar as dependências
$ yarn

# Cria um arquivo .env.local
$ copy .env.example .env.local

Lembrando que será necessário criar uma conta no Firebase e um projeto para disponibilizar um Realtime Database. Verificar as informações da apiKey do seu projeto firebase e demais informações, conforme imagens abaixo.

Configurações do projeto

Configuração do SDK

E em seguida colocar as informações no arquivo .env.local

Configuração do .env.local

Para iniciá-lo, siga os passos abaixo:

# o projeto está pronto para iniciar
$ yarn start

O app estará disponível no seu browser pelo endereço http://localhost:3000

🔥 Deploy no Firebase

# Instala o firebase-tools global
$ npm install -g firebase-tools 

# Abre uma página da Web que se conecta ao código localhost
$ firebase login

# Inicializa um projeto do Firebase
$ firebase init

# Build do projeto
$ yarn build

# Deploy do projeto no Firebase
$ firebase deploy

Deploy

💻 Projeto

Letmeask é perfeito para criadores de conteúdos poderem criar salas de Q&A com o seu público, de uma forma muito organizada e democrática.

Exemplo: uma live com 5000 pessoas online, fica difícil responder a todos, mais é possível responder as mais votadas pela galera.

Este é um projeto desenvolvido durante a Next Level Week Together, apresentada dos dias 20 a 27 de Junho de 2021.

🔖 Layout

Você pode visualizar o layout do projeto através do link abaixo:

Lembrando que você precisa ter uma conta no Figma.

📝 License

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


Valeu - NLW06 Together👋🏻 Participe da comunidade da Rocketseat!

About

<nlw/> together

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages