A mobile app being built with NLW Together (a Rocketseat event - https://app.rocketseat.com.br/). This application is a Boletos and Payments Manager, which contains several features, which will soon be developed.
You must have installed Flutter and Dart in your machine. For that, see the installation guide at: https://flutter.dev/docs/get-started/install
For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.
- Overview do projeto do Figma
- A arquitetura do Projeto
- Criando a SplashPage
- Criando a LoginPage
- Criar a estrutura base da HomePage
- Firebase
- Sistema de autenticação do App
- Rotas de navegação
- SharedPreferences
The design was created by Rockeatset and can be found at https://www.figma.com/file/kLK7FYnWKMoN68sQXcSniu/PayFlow?node-id=58686%3A165
Obs: dart does not directly interpret with #, to use it you must change the # to 0xFF
To use a color in dart just call Color(insert hexadecimal se#)
Color(0xFFFF941A); //Example of use| Color Name | Hexadecimal | Dart | Tipo |
|---|---|---|---|
| primary | 0xFFFF941A | Comuns | |
| grey | 0xFF585666 | Comuns | |
| delete | 0xFFE83F5B | Comuns | |
| heading | 0xFF585666 | Textos | |
| body | 0xFF706E7A | Textos | |
| stroke | 0xFFE3E3E6 | Items | |
| shape | 0xFFFAFAFC | Items | |
| background | 0xFFFFFFFF | Items |
https://github.com/rocketseat-education/nlw-06-flutter/tree/colors
- Linkedin: https://www.linkedin.com/in/italo-santos-dev/
- Instagram: https://www.instagram.com/italosantossz/
- Github: https://github.com/dev-italosantos