https://github.com/jos3s/nlw06-letmeask
Projeto da 6 NLW de React da @Rocketseat, desenvolvido utilizando Firebase, Styled-Components e Typescript.
https://github.com/jos3s/nlw06-letmeask
firebase letmeask nlw-together react reactjs styled-components typescript
Last synced: about 2 months ago
JSON representation
Projeto da 6 NLW de React da @Rocketseat, desenvolvido utilizando Firebase, Styled-Components e Typescript.
- Host: GitHub
- URL: https://github.com/jos3s/nlw06-letmeask
- Owner: jos3s
- License: mit
- Created: 2021-06-21T00:28:12.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2021-06-26T04:44:14.000Z (almost 4 years ago)
- Last Synced: 2024-07-31T19:53:15.168Z (9 months ago)
- Topics: firebase, letmeask, nlw-together, react, reactjs, styled-components, typescript
- Language: TypeScript
- Homepage: https://letmeask.jos3s.dev
- Size: 1000 KB
- Stars: 31
- Watchers: 4
- Forks: 6
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Letmeask 💬
Crie salas de Q&A ao-vivo. Tire as suas dúvidas da sua audiência em tempo-real
## :purple_circle: Tecnologias usadas
- [ReactJS](https://reactjs.org/) + [Typescript](https://www.typescriptlang.org/)
- [Styled-components](https://styled-components.com/)
- [Styled-react-modal](https://github.com/AlexanderRichey/styled-react-modal#readme)
- [Firebase](https://firebase.google.com/)
- [react-router-dom](https://reactrouter.com/web/guides/quick-start)
## :purple_square: Recursos adicionados ao projeto
- Tema escuro
- Página não encontrada/Not Found
- Rota para exibir todas as salas
- Contagem do total de perguntas, likes e perguntas respondidas
- Redirecionamento direto para a rota *admin* após criar a sala
- Criar um component **Toast** do zero para usar em diversos momentos
- Exibir uma sala fechada, mas sem permitir criação de perguntas e dar like
- Permitir o usuário deslogar na página *admin* e ao visualizar uma sala aberta
- Permitindo ordernar perguntas pela quantidade de likes na página da sala
- E outras pequenas melhorias
## :bangbang: Pré-requisitos
- Node.js
- Yarn, NPM ou outro gerenciador de pacotes javascript
## :heavy_check_mark: Como utilizar
Clone o repositório
```bash
git clone https://github.com/jos3s/nlw06-letmeask.git
-- ou com github cli--
gh repo clone jos3s/nlw06-letmeask
```
Entre na pasta
```bash
cd nlw06-letmeask
```
Instale as dependências
```bash
yarn install
-- ou --
npm install
```
Preencha um arquivo *.env* com as variaveis do *.env.example*.
E inicie a aplicação
```bash
yarn start
-- ou --
npm start
```
---
Desenvolvido por José Ulisses