hubchat-devs / hubchat

Projeto Integrador - Mobile (Iesb) - Chat + GitHubApi

HubChat

Projeto Integrador - Mobile (Iesb) - Chat + GitHubApi

Projeto Desenvolvido no Último semestre do curso de ADS (Iesb - 2021)

@Maker-PI/pi-mobile-team

@williamanjo	@vitorjf07	@iagos-c	@ubiratanlsc	@Flipjone

ReactNative + Expo

1: clone https://github.com/Maker-PI/HubChat.git

2: cd HubChat

3: yarn install

4: expo start --tunnel

5: expo run:android or expo run:ios

Snack

Projeto no Snack - Latest Version

hubchat's Issues

Criar o botão de modo noturno

O proprio react native ja tem uma função dedicada a isso, então não sera necessario criar um segundo grupo de cores para o modo noturno, apenas cuidado para que o texto preto não suma ao mudar de modo.

Video de exemplo: https://www.youtube.com/watch?v=iaZ1c9Q8JHo

Links de Ajuda:
https://dev.to/mouhamedaly/add-dark-mode-to-your-react-native-app-5af4 ----- 15 min

https://reactnavigation.org/docs/themes

Obs: Os links acima estão em ingles

issue de teste

descrisaão

Arrumar SVG

Fazer a Integração com o firebase e Criar as tabelas no firebase

Listagem dos Repositórios do GitHub

Criar tela issue na Aplicação

Criar a tela de leitura da issue na Aplicação

Fazer a validação dos formulários

WireFrame Tela Inicial

Programa Recomendado : Adobe XD
Criar um desenho da tela Só com o menu que aparece depois que faz o login .
Recomendado usar estilo Tabs .

Wireframe tela de login

Programa recomendado : Adobe XD
Criar um desenho da tela de login com a integração do github .

Corrigir call functions in useEffect()

Utilizar useCallback ;

Adicionar SVG's nas telas : (login , AfterLogin and MyProfile)

Alterar Text Input da tela de criar Issue

Tela Create issue e list assigned issues

Observação : o titulo de cada tela vai ser criada via navigation ,então só o body de cada tela que precisa ser criada

Utilize o código ja feito : https://snack.expo.io/@williamanjo/hubchat4

Link de referencia :
https://reactnative.dev/docs/textinput

https://reactnative.dev/docs/using-a-listview

Criação da tela My Profile

Wireframe Tela Listagem Conversas

Programa recomendado: Adobe xd
Criar um desenho da tela com a listagem de conversas já iniciadas com outros usuários ,
com um botão pra iniciar uma conversa nova.

Wireframe Tela Teams

Programa Recomendado: Adobe XD
Criar um desenho da tela de listagem de teams que o usuário autenticado tem .

Integração das Assigneds issues Do GitHubApi

LongPress to delete Chat

Implementar no longpress do chat para deletar o chat.

Múltiplos chats criados / mostrar somente os usuários que não tem chat

mostrar somente os usuários que não tem chat na tela de criar chat
multiclick no usuário esta causando multichats e erros na tela de criar chat

Utilizar Componente 'Loading' nas _Promise_ de integração

WireFrame Tela Configurações

Programa recomendado: Adobe xd
Criar uma tela com as configurações do app e com um botão pra fazer logoff.

Modelagem do Banco no FireBase.

Criação da Modelagem do banco