Picpro mobile 2022

Ionic
Typescript
StyledComponents
React

Picpro Mobile 2022

Aplicativo Mobile feito com base no projeto da Kenzie em parceria com a Picpay. Aplicativo híbrido com Ionic e React

🧭 Índice

Sobre o Projeto
Instalação
- Requisitos
- Instalar a aplicação
Como usar
Autor
Licença

🪧 Vitrine.Dev	https://cursos.alura.com.br/vitrinedev/franklindrw
✨ Nome	Picpro mobile 2022
🏷️ Tecnologias	Ionic, Typescript, StyledComponents, React
🚀 URL
🔥 Desafio	Recriar o app Picpay

🔎 Sobre o Projeto

Ideia do Projeto

Aplicação feita com base no curso Picpro 2022. A idéia proposta nas aulas era recriar a interface do aplicativo do PicPay em HTML,CSS e JS. Então utilizei a ideia para evoluir o projeto e recria-lo usando o Ionic e React.

Como foi criado

Com Ionic é possível criar aplicativos Híbridos que, com o mesmo código atenda smartphones IOS e Android, e com o framework React foi possível componentizar e renderizar de forma simples.

Foi usado Styled-Components para criar e gerenciar toda as estilizações dos componentes, ele é uma biblioteca que cria classes quando renderizado. Assim não é preciso se preocupar com os nomes das classes quando é feito a estilização dos componentes, já que ele faz o gerenciamento de classes impedindo de um css sobrescreva css de outros componentes.

Nesse projeto foi usado também o Hook useStade que permite adicionar o state do React a um componente de função. Então quando o card é clicado o use State é chamado e alterado para chamar o componente correspondente. E para mudar o botão quando acionado para branco é usado o props para enviar a informação para o arquivo de estilização e mudar para a cor para "ativo".