GamaBank - Versão Mobile (React Native)

Desenvolvido pela equipe da CodeCommit

Equipe | Libs | Features | Arquit. de pastas | Arquit. Flux - Redux | Mindmap | Como usar | Licença

Projeto desenvolvido na academia da Gama Academy em parceria com a Accenture com objetivo de aplicar todos os conceitos aprendidos durante o curso e apresentar para banca como projeto final!

APK Android

É possível realizar o download e instalação do aplicativo em celulares Android, através do link:

Baixar Gama-Bank.apk

Equipe da CodeCommit

  Alisson O.  |  Ana Laura  |  Gabriel M. |  Gabriel N.  |  Glauber A.  | Igor Santos

Libs

• React Native
• Typescript
• axios
• lottie-react-native
• react-redux
• react-router-dom
• styled-components
• jsonwebtoken
• yup
• react-native-svg
• unform

Features

Conexão com API para:

• Cadastro e autenticação de usuários
• Recuperação de senha do usuário
• Busca das informações do usuário e da sua conta
• Transferências entre contas de usuários
• Fazer depósitos
• Fazer pagamentos
• Cadastrar planos

Outras características:

• Componentização de elementos da interface para o reaproveitamento de código
• Responsividade
• Validação de input com unform
• Alertas de mensagens com Yup e React Toastify
• Arquitetura de Design: Atomic Design para organização dos componentes

Arquitetura de pastas

├── src
│   ├── @types
│   ├── assets
│   |   ├── svgs
|   ├── components
|   |   ├── Balance
|   |   ├── Dashboard
|   |   ├── Bottom
|   |   ├── Input
|   |   ├── Launchs
|   |   ├── LeftMenu
|   |   ├── Loader
|   |   ├── LogoutModal
|   |   ├── Plans
|   |   ├── User
|   ├── interfaces
|   ├── routes
|   ├── screens
|   |   ├── Dashboard
|   |   |   ├── Plans
|   |   |   ├── Releases
|   |   |   ├── Transactions
|   |   ├── ForgotPassword
|   |   ├── Home
|   |   ├── Login
|   |   ├── Register
|   |   |   ├── Succeded
|   ├── services
|   ├── store
|   |   ├── user
|   ├── styles
|   ├── types
|   ├── utils
│   ├── routes.tsx

Arquitetura Flux

Foi utilizado o Redux para globalização dos dados do usuário, necessário para requisições em API e para impedir requisições desnecessárias na API, melhorando significativamente a experiencia do usuário durante a utilização do GamaBank.

Mindmap

Como Usar

Clonando o repositório

git clone https://github.com/CodeCommit-GamaAcademy/Native-CodeCommit

Entrando no diretório do projeto

cd Native-CodeCommit

Instalando as Dependências

yarn

Iniciando a Aplicação

yarn start

Licença

Esse projeto utiliza a LICENÇA MIT.