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