Skip to content

Trabalho final do módulo de React Native com a criação do appLOL. Nesse aplicativo utilizamos o React Native (Expo), Gifted-Chat, consumo das API's do ChatGPT, uso do Toast da EXPO (react-native-root-toast) para que as funcionalidades retornem uma mensagem pop-up para ambos sistemas (Android e IOS) , e o cadastro fica no AsyncStorage.

Notifications You must be signed in to change notification settings

marceloabbadia/AppLOL

Repository files navigation

Criação do AppLOL

Trabalho final em grupo do módulo de React Native na residência do Serratec. Foi criado um app com objetivo de auxiliar os jogadores do game LOL, apresentando algumas funcionalidades.

O App consome a API dos Heóris trazendo suas principais características, e os usuários conseguem "marcar" seus heróis preferidos, após seu cadastro e login. Desde a tela inicial, possui o modo "darkmode" que altera completa o visual do aplicativo, mudando até sua "skin". E uma das mais interessantes funcionalidades é o chatLOL, que utiliza a api do ChatGPT para responder informações sobre o jogo. Atenção: Apenas sobre o jogo LOL, pois foi colocado uma "segurança" para que o chatbot tenha uma resposta padrão sem o consumo da API, caso seja solicitado informações sobre qualquer outro assunto, assim evitando de consumir os tokens e gerar custos desnecessários.

Para criação desse aplicativo utilizamos o React Native (Expo), Gifted-Chat, consumo das API's do ChatGPT, uso do Toast da EXPO (react-native-root-toast) para que as funcionalidades retornem uma mensagem pop-up para ambos sistemas (Android e IOS) , e o cadastro fica gravado no AsyncStorage.

Nosso trabalho ficou bastante "rico" de formas de contrução e funcionalidades, pois se trata de trabalho em grupo onde cada um tem seu modo de codificar. Nossa prioridade foi apenas nao deixar conflitos, fora isso o espaço estava liberado. Um exemplo disso é que temos consumo de APi's por fecth e outras por Axios. Exploramos bastante os Hooks do framework.

Para criar o ChatLOL, foi necessário instalar o Gifted-Chat e a criação de uma Key_Api do Chat Gpt. O Gifted-Chat é um kit de ferramentas de interface do usuário de bate-papo de código aberto para React Native que permite aos desenvolvedores criar facilmente interfaces de bate-papo em seus aplicativos móveis.

Integrantes do Grupo desse trabalho:

  1. Marcelo Abbadia
  2. Pedro Oliveira
  3. Rodrigo Lisboa
  4. Felipe Rosa

Captura de Tela 2023-06-29 às 21 52 13

Captura de Tela 2023-06-29 às 21 52 21

Captura de Tela 2023-06-29 às 21 52 44

Captura de Tela 2023-06-29 às 21 52 49

Captura de Tela 2023-06-29 às 21 53 25

About

Trabalho final do módulo de React Native com a criação do appLOL. Nesse aplicativo utilizamos o React Native (Expo), Gifted-Chat, consumo das API's do ChatGPT, uso do Toast da EXPO (react-native-root-toast) para que as funcionalidades retornem uma mensagem pop-up para ambos sistemas (Android e IOS) , e o cadastro fica no AsyncStorage.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published