A flutter app where the user could add their credit cards and see a summary of their expenses

Overview

Card Controller 💳

Card Controller foi um projeto realizado com o intuito de aprendizagem e prática da linguagem de programação Dart em conjunto com o kit de desenvolvimento de interfaces Flutter. O projeto consistiu em uma aplicação que o usuário poderá adicionar seus cartões de credito e ver um resumo sobre seus gastos. O mesmo se deu com um acompanhamento de um vídeo do youtube que pode ser visto atrvés do link: https://www.youtube.com/watch?v=zyhPamYS3BU&t=57s&ab_channel=TheGrowingDeveloper. Uma observação que fica, é que utilizei de fazer algumas alterações em código se comparado com a apresentada em vídeo por estar trabalhando com a versão 2.5.1 do flutter e o do vídeo se encontrar em versão anterior. Com este projeto e curso foi possível praticar:

  • Imagens
  • Fonts
  • CustomPainter
  • Dados
  • E muitos outros

Um pouco do resultado: 🏆

Gif

Ferramentas 🛠️

  • Visual Studio
  • Google Chrome
  • Android Studio

Tecnologias 🖥️

As tecnologias empregadas foram a linguagem de progrmação Dart em conjunto com o kit de desenvolvimento de interfaces Flutter, em sua versão 2.5.1, junto com o editor de código fonte VisualStudio e o repositório GitHub para armazanamento e compartilhamento da atividade.

Instalação e compilação

Para executar este projeto em seu computador se faz nescessário a clonagem do mesmo e a instalação do Flutter em sua máquina

A instalação pode ser feita através do comando:

sudo snap install flutter --classic

Após a instalação basta executar o projeto através de um editor de código fonte (no visual studio basta precionar a tecla f5). Um detalhe a se adicionar que o mesmo com este modo de execução já funcionará mas para ficar ainda mais legal a pessoa pode clicar com o botão direito do mouse, clicar em "inspecionar" e selecionar diferentes aparelhos 😄

Links 🔗

Segue aqui alguns links importantes para construção dessa atividade

Plugin README
Site do curso https://www.udemy.com/course/responsividade-flutter/
Android Studio https://developer.android.com/
Visual Studio Code https://code.visualstudio.com/

Contato 📧

Email: [email protected]

You might also like...

A fully responsive BMI calculator app made using flutter and dart with beautiful minimalistic user interface design and easy to use .

A fully responsive BMI calculator app made using flutter and dart with beautiful minimalistic user interface design and easy to use .

BMI_Calculator_Flutter A fully responsive BMI calculator app made using flutter and dart with beautiful minimalistic user interface design and easy to

Oct 9, 2021

A flutter app that allows users to search books and display their details

A flutter app that allows users to search books and display their details

Project find books This repository is the first part of the main project which aims to search books and find libraries containing them. I've decided t

Jul 11, 2022

App in Flutter for managing Projects and their Requirements

App in Flutter for managing Projects and their Requirements. Activity for Integrating Project of the Faculty of Systems Analysis and Development.

Mar 16, 2022

Quizzler - a simple Quiz app that presents a few yes/no questions and checks their answers

Quizzler - a simple Quiz app that presents a few yes/no questions and checks their answers

Quizzler ❓ Our Goal In this tutorial we will be reviewing Stateful and Stateless Widgets as well as learning about the fundamental building blocks of

Jan 2, 2022

A pokemon app that let's you explore a large libarary of pokemons, view their strenghts and save your favorite pokemons

A pokemon app that let's you explore a large libarary of pokemons, view their strenghts and save your favorite pokemons

A pokemon app that let's you explore a large libarary of pokemons, view their strenghts and save your favorite pokemons!. (Built using freezed and flutter_bloc)

Aug 19, 2022

An (Sample)app that allows users to donate their pets and adopt others pets.

An (Sample)app that allows users to donate their pets and adopt others pets.

PetApp An (Sample)app that allows users to donate their pets and adopt others pets. About I created this app to learn more about Flutter and UI/UX in

Oct 5, 2022

A new Flutter package which helps developers in creating walkthrough of their app.

A new Flutter package which helps developers in creating walkthrough of their app.

flutter_walkthrough A new Flutter package for both android and iOS which helps developers in creating animated walkthrough of their app. Show some ❤️

Sep 20, 2022

An application built using Flutter that is to conduct a quiz and provide the user with the result of the quiz.

An application built using Flutter that is to conduct a quiz and provide the user with the result of the quiz.

Quizzler Challenge Solution This is a companion project to The App Brewery's Complete Flutter Development Bootcamp, check out the full course at www.a

Sep 8, 2022

Collection of all the widgets with their tutorial

Flutter Widgets A collection of flutter widgets with tutorials. Season 1 Episode 1 - Sized Box Episode 2 - Animated Builder Episode 3 - Draggable and

Oct 4, 2022
Owner
null
This is a User Profile where the user can edit their information.

Flutter User Profile App This repository shows how I built a simple User Profile UI using Flutter. Please note that I was unable to get the Profile Im

Ivanro Lagazo 20 Jan 4, 2023
🛒 A simple Shop App to browse, add your own products, add products to cart and later order them.

?? A simple Shop App to browse, add your own products, add products to cart and later order them.

Hemant Rajput 2 Jun 8, 2022
A simple app for studying the japanese vocabulary you will learn in your japanese learning journey based on cards with meaning, pronunciation and kanji.

KanPractice A simple app for studying the japanese vocabulary you will learn in your japanese learning journey based on cards with meaning, pronunciat

Gabriel García 23 Jan 3, 2023
Movie Database app is a Flutter app project that allows users to search for a movie or tv series, see the detail, season & episode, and save watchlist.

Flutter Movie Database Movie Database app is a Flutter app project that allows users to search for a movie or tv series, see the detail, season & epis

Timeless Existence 14 Dec 24, 2022
Scan Qr Code Which Will Automatically Add That User To The Visitor List

GIGO APP Gigo app is a mobile application where shopkeepers have an app that shows QR code and users can scan this QR code which will automatically ad

JASIRA T P 4 Dec 30, 2022
This is an E-commerce App that you can buy goods, it has no data base so all you see in this app are created as default

This is an E-commerce App that you can buy goods, it has no data base so all you see in this app are created as default. Once I create a server and connect with it, I will create another repository or simply update this one.

Khusan Flutter Dev 2 Feb 10, 2022
Simple application for tracking weight. See Google Play for more details about this app!

WeightTracker Simple application for tracking weight. See Google Play for more details about this app! Getting started To build the app you need to cr

MSzalek mobile apps 344 Dec 14, 2022
A package that allows you to add native drag and drop support into your flutter app.

native_drag_n_drop A package that allows you to add native drag and drop support into your flutter app. Currently supported features Support iPadOS 11

Alex Rabin 21 Dec 21, 2022
Add a powerful and customizable GIPHY picker into your Flutter app.

enough_giphy_flutter Add a powerful and customizable GIPHY picker into your Flutter app. Benefits Using enough_giphy_flutter has the following benefit

null 0 Apr 21, 2022