NLW5 devquiz project on Flutter
Material
Vscode plugins
- Awesome Flutter Snippets
- Dart
- Official Dracula (theme, this is not mandatory, but it looks stylish)
- Flutter
- error lens
- Material Icon Theme
- Dart Data Class Generator
Project Versions
Versions to download the zip:
- v0.0.1 Initial Project to Splash Screen
- v0.0.2 Home with AppBar
- v0.0.3 1st lesson ready
- v0.0.4 Buttons Easy, Medium, Hard, Expert – From this tag, continue in Class 2 at 36 minutes
- v0.0.5 Quiz card with GridView – From this tag on, continue to Lesson 2 from 01:01:20
- v0.0.6 End of class 2
- v0.0.7 Lesson 3, creating the Home model and controller – Continue with lesson 3 from 1:03:30
- v0.0.8 End of Class 3 – Changed “Awnser” to “Answer”. The video is wrong….
- v0.0.9 Buttons Back, Confirm from Challenge Page – Continue with Class 4 from 00:34:00
- v0.0.10 Class 4 until navigation – continue from 00:49:50 for class 4
- v0.0.11 Class 4 until skip button – continue from 01:07:20 of class 4
- v0.0.12 End of class 4
- v0.0.13 Complete ResultPage of Lesson 4 – Continue on Lesson 5 from 55:43
- v0.0.14 End of class 5
Tip
In VScode, you can have this childs view of widgets:
To do this, go to the vscode settings and check the option previewFlutterUiGuides
:
Together, change the colors of the indentation lines:
Default vscode Dark+ theme:
" workbench.colorCustomizations " : { " editorIndentGuide.activeBackground " : " #1e1e1e " , " editorIndentGuide.background " : " #1e1e1e " , },
Dracula Soft Theme:
"workbench.colorCustomizations": {
"editorIndentGuide.activeBackground": "#282a36",
"editorIndentGuide.background": "#282a36",
},
Installation
Required:
- Flutter 2.0.5 or higher
- Visual Studio Code or Android Studio
- Git
It is not necessary to install Android SDK or AVD. As of Flutter 2.0.5 there is a “Chrome” or “Edge” version
Installation
$ git clone https://github.com/danielschmitz/devquiz.git
cd devquiz
code .
After opening Visual Studio Code, press F5 to compile and run the project.
Download DevQuiz app source code on GitHub
Provides the list of the opensource Flutter apps collection with GitHub repository.