App development lecture project with Flutter

1. Quiz app

1-1. Screen shot

 

1-2. Description

  • An app that solves a set quiz and shows the score
  • main.dart has a stful widget, a setState function definition, a list of quizzes, and a score.
  • And these functions and quizzes display Quiz and Result widgets according to the size of the index.
  • Quiz takes a quiz list, current index, and answer selection function.
  • Question currently receives the question text of the quiz index.
  • Answer receives a list of answers from the current quiz index and an answer selection function.
  • Result receives a score and a reset function.

1-3. Learn

  • Dart, flutter Basic (문법, stful, stless…)

2. Personal Expense app

2-1. Screen shot

  

2-2. Description

  • Household account book app
  • There is a userTranscation list in main.dart, and it creates an expense list. Like the quiz app, all functions and variables are defined in the MyhomePage class and passed to the related widget.
  • Send a list of expenses from the last 7 days to the Chart widget, and create a chart with CharBar.
  • Send expenditure list and expenditure details deletion function to TransactionList widget, and create ListView.
  • If you click the app bar and the float button at the bottom, the ModalBottomSheet function is executed. Send the expense details addition function to NewTransaction, and create an input window.

1-3. Learn

  • How to make a function, how to use a method
  • Styling
  • Dart syntax such as for and if

3. Meals app

3-1. Screen shot

3-2. Description

  • In MyApp, functions such as filtering and adding favorite, filtered meals list, and favorite meals are defined. The function and the prepared meal list are transmitted to each screen through Navigation.
  • The default view is TabScreen. With the navigator at the bottom you can go to the whole category or the list of favorite meals.
  • The entire category receives and writes dummy data, and creates a separate category item to complete the grid. Clicking on a specific category brings up a list of meals that belong to that category.
  • If you click on one of the lists, you will be taken to the detail page and you can like it there.
  • Filtering can be set in Drawer.

3.3 Learn

How to navigate in an app with multiple screens. How to pass variables to each screen.

4. Shop app

4-1. Screen shot

4-2. Description

firebase-user management through authentication function. firebase-data management through database function. State management through provider.

Implements basic shopping app functions.

  • Product overview (like features)
  • Add to cart
  • Order
  • Product registration and modification function

4-3. Learn

  • Firebase integration
  • Send http request
  • Status management through provider
  • animation

5. Great Place app

6. Chat app

Download Details:

Author: 9JIMIN

Source Code: https://github.com/9JIMIN/flutter-project

#flutter #dart #mobile-apps

App development lecture project with Flutter
2.40 GEEK