https://github.com/brendon3578/letmeask
O projeto Letmeask é um app elaborado para criadores de conteúdos poderem criar salas de Q&A com o seu público e poderem tirar dúvidas, de uma forma muito organizada e democrática
https://github.com/brendon3578/letmeask
firebase nlw-together react reactjs rocketseat typescript
Last synced: 3 months ago
JSON representation
O projeto Letmeask é um app elaborado para criadores de conteúdos poderem criar salas de Q&A com o seu público e poderem tirar dúvidas, de uma forma muito organizada e democrática
- Host: GitHub
- URL: https://github.com/brendon3578/letmeask
- Owner: Brendon3578
- Created: 2021-08-22T02:38:14.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2022-01-04T04:28:16.000Z (over 4 years ago)
- Last Synced: 2025-01-14T12:49:46.959Z (over 1 year ago)
- Topics: firebase, nlw-together, react, reactjs, rocketseat, typescript
- Language: TypeScript
- Homepage: https://letmeask-aafe8.web.app/
- Size: 1.49 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Tecnologias |
Como executar |
Projeto |
Layout |
Features extras |
Licença
## 🛠 Tecnologias
Esse projeto foi desenvolvido com as seguintes tecnologias:
- [ReactJS](https://reactjs.org)
- [Firebase](https://firebase.google.com/)
- [TypeScript](https://www.typescriptlang.org/)
Utilitários
- [Google Fonts](https://fonts.google.com/)
## 🚀 Como executar
```bash
# Clonar o repositório
$ git clone https://github.com/Brendon3578/Letmeask
# Entrar no diretório
$ cd Letmeask
# Instalar as dependências
$ yarn install
# ou
$ npm run
# Iniciar o projeto
$ yarn start
```
Lembrando que será necessário criar uma conta no [Firebase](https://firebase.google.com/) e um projeto para disponibilizar um Realtime Database e fazer todas as configurações. Veja como configurar o seu Firebase detalhadamente [clicando aqui](https://github.com/Brendon3578/Letmeask/tree/master/.github/firebase).
## 💻 Projeto
O projeto **Letmeask** é um app elaborado para criadores de conteúdos poderem criar salas de Q&A com o seu público e poderem tirar dúvidas, de uma forma muito organizada e democrática. Criado a partir do evento **Next Level Week 6** dentro da trilha *React*JS.
- [Acesse o projeto](https://letmeask-aafe8.web.app/)
## 📷 Layout
O layout da aplicação está disponível no Figma:
[
](https://www.figma.com/community/file/1009824839797878169/Letmeask)
## ☕ Features extras
Front-end / Interface
- :white_check_mark: Responsividade
- :white_check_mark: Modais de confirmação para ações do usuário
- :white_check_mark: Notificações Toasts para feedbacks
- :white_check_mark: Tooltips
- :white_check_mark: Adição do React-Icons para icones dinâmicos
- :white_check_mark: Animação de loading
- :white_check_mark: Ilustrações para quando não há questões/não há salas criadas por você
- :white_check_mark: Landing page para o projeto
- :white_large_square: Utilização de styled components 💅🏾 para estilizações mais dinâmicas
- :white_large_square: Darkmode
Back-end / Funcionalidades
- :white_check_mark: Usuário deletar a sua própria pergunta
- :white_check_mark: Administrador poder responder as questões do Usuário pelo próprio Letmeask
- :white_check_mark: Página de usuário para acessar as salas criadas por você
- :white_check_mark: Página 404
- :white_check_mark: Opção de mudar o título da sala quando estiver na página de administrador
- :white_check_mark: Verificação se usuário é admin da página
Database / Banco de dados
- :white_check_mark: Utilização de Realtime Database do Firebase para trafego de informação em tempo real
- :white_check_mark: Debounce Functions feito pelo back-end para acontecer um pequeno delay quando houver alguma mudança no database
## 📝 Licença
Esse projeto está sob a licença MIT. Veja o arquivo [LICENSE](.github/LICENSE.md) para mais detalhes.
---
Feito com ☕ por Brendon Gomes