Code Monkey home page Code Monkey logo

flutter_demo's Introduction

flutter_payment_app

This project was created when studying Youtube's course and is only used to record my own learning process.

Flutter payment app In this tutorial you will learn how to build a complete payment app in flutter.

This tutorial is divided into two sections. In the first section we covered the UI. And in the section we will see how to do the actual payment with backend.

Check out the link for the payment app starter code. It includes graphics and some basic starter dart file

https://www.dbestech.com/flutter_payment_app_2021_10_02.zip

and check out the video link here for first part of the series.

Getting Started

This project is a starting point for a Flutter application.

A few resources to get you started if this is your first Flutter project:

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

Here you will learn how to build a payment app from scratch for iOS and Android using fltuter step by step.

Flutter payment app building will cover payment UI, payment with paypal and braintree and with backend api. This tutorial also cover complex ui building using stack widgets.

This is first part of the series where we covered the payment ui. Payment ui includes home page, payment history and payment page.

https://www.youtube.com/watch?time_continue=1380&v=RJW__xxu5vY&feature=emb_logo

In the first part we did the following

  1. Building complext payment ui

  2. Select with payment options with Getx

  3. Make payment with paypal Braintree

  4. Backend record of the payment

The widgets we have used are

  1. Stack widgets

  2. Positioned widgets

  3. MediaQuery.removePadding

  4. Container widgets

  5. TextPainter widgets

  6. TextSpan widgets

I just decode the local json file to the data, If you want do something likes backend service, you can try by yourself.

In the after time, i'll try the backend service to this project when i have any free times.

The following content is about the original link to the directory provided by the original author.

In the second part we did the following

  1. Flutter service

  2. Flutter Getx for data processing and building list.

  3. Flutter Getx controller

  4. Learn about flutter Future types

  5. Build JSON Files

  6. Read JSON files

  7. Build data model

  8. Build the backend

  9. Build get API for the app

  10. Build post API for the app and test with Postman

flutter_demo's People

Contributors

empty0qc avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.