Aplicativo Força Máxima

Aplicativo desenvolvido em React Native com foco na comunidade de responsáveis e alunos do Colégio Força Máxima. Nele é possível acessar informações individuais, materiais extras, avisos e conteúdos exclusivos. O Aplicativo está disponível na App Store e Google Play.

Aplicativo Força Máxima

Cliente:

Colégio Força Máxima

Tecnologias:

react-native
react-native
expo
expo
redux
redux
styled-components
styled-components

Ano:

2021

Confira:

Google Play StoreApple App Store

Sobre o projeto

O Colégio Força Máxima, do qual eu já fui aluno no ensino médio, e que atende a milhares de alunos há mais de 10 anos, desejava criar um aplicativo móvel customizado para suas necessidades e confiou a mim a missão de desenvolver este projeto focado na experiência do usuário.


Este projeto foi realizado em 5 fases principais. Primeira fase, estudo, definição de fluxo da aplicação, paleta de cores, tipografia, e design de interfaces, com a validação do cliente ao final. Na segunda fase eu desenvolvi as telas de fato, seguindo o conceito do Pixel Perfect, ou seja, seguindo as melhores práticas de UI (User Interface) e fiel ao design realizado na primeira etapa. Já na fase 3 foi realizada a integração do aplicativo com os endpoints da API desenvolvida pela equipe de tecnologia do Colégio Força Máxima.


Na quarta fase, foi hora de testar a aplicação por meio do envio da apk para os beta testers de Android e através da disponibilização do aplicativo no Test Flight para os testers de IOS. Passados os testes e eventuais correções oriundas da fase 4, fomos para a fase final, subir o aplicativo nas lojas do Google (Play store) e da Apple (App Store), e além disso, fazer uma passagem de conhecimento com o time de tecnologia do Colégio Força Máxima, para que eles pudessem continuar mantendo o aplicativo.



Design de interfaces do app Força Máxima
Fig. 1 - Screenshot da criação e design de algumas telas no tema Dark, feitas no adobe XD.

Tecnologias e desenvolvimento

As principais tecnologias usadas neste projeto foram o React Native + Expo para o desenvolvimento do Front-end, bibliotecas como styled-components para estilização e Redux para o gerenciamento de estados globais, e além disso, surpreendi o cliente adicionando a aplicação o controle de temas automático, ou seja, caso o usuário utilize o sistema no modo Dark (escuro), a aplicação também irá rodar no modo dark, caso utilize no modo Light (Claro), o app irá rodar no modo claro.


O Back-end da aplicação foi desenvolvido pelo time de tecnologia próprio do Colégio Força Máxima e disponibilizado em forma de documentação de endpoint e contratos JSON para que eu pudesse consumir os dados no aplicativo.



Telas Boletim
Fig. 2 - Fluxo e telas para visualização do Boletim.


Tela inicial no modo dark
Fig. 3 - Página inicial com menu hamburguer aberto e no modo Dark.


Por ser um projeto privado este projeto não está disponível para ser visualizado no GitHub.