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.