Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nyctibiusvii/letmeask
Projeto web construído durante o NLW#06(Together) com a Rocketseat/Diego Fernandes. LETMEASK: 'Tire as dúvidas da sua audiência em tempo real'. 🙋🏻♀️💬
https://github.com/nyctibiusvii/letmeask
contexts diegofernandes discovery firebase html letmeask nextjs nextlevelweek nlw6 nodejs perguntas projeto reactjs real-time rocketseat scss together trilha-react typescript vercel
Last synced: about 1 month ago
JSON representation
Projeto web construído durante o NLW#06(Together) com a Rocketseat/Diego Fernandes. LETMEASK: 'Tire as dúvidas da sua audiência em tempo real'. 🙋🏻♀️💬
- Host: GitHub
- URL: https://github.com/nyctibiusvii/letmeask
- Owner: NyctibiusVII
- License: mit
- Created: 2021-06-20T23:06:23.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2021-08-20T18:12:26.000Z (about 3 years ago)
- Last Synced: 2023-03-10T06:02:43.841Z (over 1 year ago)
- Topics: contexts, diegofernandes, discovery, firebase, html, letmeask, nextjs, nextlevelweek, nlw6, nodejs, perguntas, projeto, reactjs, real-time, rocketseat, scss, together, trilha-react, typescript, vercel
- Language: TypeScript
- Homepage: https://letmeask-nyctibiusvii.vercel.app
- Size: 2.68 MB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Trilha ReactJS 
Projeto |
Tecnologias |
Layout |
Licença
# Letmeask 
Projeto desenvolvido para gerenciar perguntas, fazer perguntas em real-time com funcionalidade de votação. Projeto realizado na Next Level Week #6 (together) @Rocketseat.
#### Funcionalidades
* Gerenciar perguntas
* Real-time
* Login com Google e Github
* Modal Cookies consent
* Firebase
* Tema 'Light' e 'Dark'
* Site responsivo
Desafios
```
✔ - Documentar bem o projeto
✔ - Melhorar o estilo: Responsividade e Design
✔ - Bloquear funcionalidades se não estiver logado
✔ - Banco de dados
✖ - Next PWA
Funcionalidades:
✔ - Trocar o tema da aplicação: Light e Dark
✔ - Banco de dados externo (Firebase)
✔ - Firebase:
✔ - Login com Google
✔ - Login com Github
✔ - Toast:
✔ - Sucesso
✔ - Error
✔ - Info
✔ - Modal:
✔ - Close room
✔ - Delete question
- Telas:
✔ - Home('/')
✖ - Settings('/settings')
✔ - CreateRoom('/room/new')
✔ - RoomsQA:
✖ - PublicRooms('/rooms')
✔ - User('/rooms/[id]')
✖ - AdminConfigs('/admin')
✔ - Admin('/admin/rooms/[id]')
✔ - 404
```
## Tecnologias 🚀
Esse projeto foi desenvolvido com as seguintes tecnologias:
- [Html | 5](https://pt.wikipedia.org/wiki/HTML)
- [Sass | 6](https://sass-lang.com/)
- [Typescript | ^4.3.4](https://www.typescriptlang.org/)
- [ReactJS | ^17.0.2](https://pt-br.reactjs.org/)
- [NextJS | ^11.0.0](https://nextjs.org/)
- [NodeJS | ^14.16.1](https://nodejs.org/en/)
## Layout 🚧
### Desktop Screenshot
Ver mais
### Mobile Screenshot
Ver mais
## Rodando o projeto 🚴🏻♂️
#### "Só vou dar uma olhadinha...":
🙋🏻♀️ Site hospedado na Vercel 💬
#### Na sua maquina:
Dependências
```json
"dependencies": {
"firebase": "^8.6.8",
"next": "11.0.0",
"next-themes": "0.0.14",
"react": "17.0.2",
"react-dom": "17.0.2",
"sass": "^1.35.1"
},
"devDependencies": {
"@types/react": "17.0.11",
"eslint": "7.29.0",
"eslint-config-next": "11.0.0",
"next-sitemap": "^1.6.121",
"typescript": "4.3.4"
}
```
> Ex: `$ npm install _____` para instalar as dependências
> Utilize a tag `-D` para instalar as dependências de desenvolvimento.
> Utilize a tag `@types` para instalar o suporte a Typescript.
> Utilize a tag `@latest` para instalar a versão mais recente.
```bash
# Clone o repositório
$ git clone https://github.com/NyctibiusVII/Letmeask.git
# Acesse a pasta do projeto no prompt de comando
$ cd Letmeask
# Instale as dependências
$ npm install
# Execute o script "dev"
$ npm run dev
# O projeto inciará na porta: 3000 - acesse http://localhost:3000
```
## Contribuição 💭
Para construir essa aplicação tive a ajuda do professor **Diego Fernandes** da Rocketseat que disponibilizou video aulas do projeto **Letmeask** e tive uma ajuda desta grande comunidade que a Rocketseat construiu no *Discord*.
Feito com ♥ by Rocketseat :wave: [Participe da nossa comunidade!](https://discord.gg/YxU7fJT)
### Hashtags \#
| Dias | Hashtags |
|-------|-----------------------|
| Dia 1 | #Together |
| Dia 2 | #Unidade |
| Dia 3 | #EmBuscaDeEvolução |
| Dia 4 | #Legacy |
| Dia 5 | #JuntosNoPróximoNivel |
## Licença ⚖️
Este projeto está sob a licença do MIT. Veja o arquivo [LICENSE](https://github.com/NyctibiusVII/Letmeask/blob/main/LICENSE) para mais detalhes.
## Contato ✉️
| 
@MatheusVidigal🦊 |
| :---: |
