Gama Bank - Mobile - Accenture Academy 2.0

Summary

• Gama Bank Project
• Layout
• Business Objectives
• Installation
• Frontend built With
• Screens
• Architecture
• Thanks
• Credits
• Contact Linkedin
• Web Project

Gama Bank Project

Thinking about reaching a wider audience when accessing an application, in addition to the Gama-Bank front end web project, we were able to experience the development of the mobile application.

Each part of the application was designed, tested and revised, to offer the end user an extremely satisfactory experience in accessing and using the resources offered by Gama-Bank.

The application's loyalty in relation to the client's visual identity was also thought of in its details, in order to make the client's communication with its target audience ever closer, limited by the credibility and trust attributed to this organization.

Technically the application was developed in order to contribute to any future needs for scalability of the application, so that it can accompany the growth of the brand with its consumer market.

Get to know the mobile project in its entirety and check out everything this Gama-Bank has to offer ...

Layout

• Figma - Online prototyping tool

Layout and API credit

• Gama Academy

Business Objectives

Installation

To run this project on your computer, you need to install NodeJS:

• NodeJS

To install the necessary dependencies, issue the command:

npm install 

 npm install --global expo-cli 

 cd pastaDoProjeto 

And to run the application: expo start

Frontend built with

• React Native - React Native combines the best parts of native development with React, a best-in-class JavaScript library for building user interfaces
• Expo - Expo is a framework and a platform for universal React applications
• Redux - A Predictable State Container for JS Apps
• TypeScript - TypeScript is an open-source language which builds on JavaScript
• Styled-components - Visual primitives for the component age
• Unform - Unform is a performance-focused API for creating powerful forms experiences for both React and React Native
• React Testing Library - React Testing Library builds on top of DOM Testing Library by adding APIs for working with React components
• Yup - Yup is a simple object schema validator I came across recently. It is inspired by Joi, but smaller than that, so it is probably a better fit to the client side

Screens

Resolução	Resolução	Resolução
1440 x 2560	1080 x 2160	768 x 1280

• Small cell phone
• Medium cell phone
• Large cell phone

Architecture

\--📂 GAMA-BANK - MOBILE
			\--📂 .vscode	 
			\--📂 public
			\--📂src
			    |
			    📂---assets
			    📂---components
			    📂---navigation
			    📂---screens
			    📂---ConfirmeAccountCreate
			    📂---CreateAccount
			    📂---DashboardHome
			    📂---Deposit
			    📂---ForgotPasswd
			    📂---Login
			    📂---Plans
			    📂---RedefinePassword
			    📂---Transfers						
	|   .gitignore
	|   app.json
	|   App.tsx
	|   babel.config.js
	|   package.json
	|   README.md
	|   tsconfig.json
	|   yarn.lock 

Thanks

• Teacher - Douglas Morais
• Mentor - Renato Alencar
• Yellow Belt - Camila Cardoso
• To all partners participating in the Accenture Academy 2.0 ReactJS / React Native - class 2021

Credits

Contact Linkedin

• Emanuel Moura - https://www.linkedin.com/in/emanmoura/
• Jequélia Santana - https://www.linkedin.com/in/jequelia-santana-680773173/
• Laís Lopes - https://www.linkedin.com/in/laismaas/
• Rafael Roma - https://www.linkedin.com/in/rafaelproma/
• Reinaldo Trindade - https://www.linkedin.com/in/reinaldo-trindade/