NLW5’s DevQuiz app in Flutter

  Quiz

NLW5 devquiz project on Flutter rocket

demo

white_check_mark Material

white_check_mark 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

white_check_mark Project Versions

Versions to download the zip:

white_check_mark Tip

In VScode, you can have this childs view of widgets:

image

To do this, go to the vscode settings and check the option previewFlutterUiGuides:

image

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",
     },

white_check_mark Installation

Required:

  • Flutter 2.0.5 or higher
  • Visual Studio Code or Android Studio
  • Git
  • xIt 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

https://github.com/danielschmitz/devquiz