App DevQuiz do NLW5 em Flutter

Projeto devquiz do NLW5 sobre Flutter 🚀

Demo

✅ Material

• Projeto no figma
• Material da aula 1
• Material da aula 2
• Material da aula 3
• Material da aula 4
• Material da aula 5

✅ Plugins do Vscode

• Awesome Flutter Snippets
• Dart
• Dracula Oficial (tema, nao é obrigatorio esse, mas fica estiloso)
• Flutter
• Error lens
• Material Icon Theme
• Dart Data Class Generator

✅ Versões do projeto

Versões para baixar o zip:

• v0.0.1 Projeto inicial até a tela de Splash

• v0.0.2 Home com AppBar

• v0.0.3 1a aula pronta

• v0.0.4 Botões Fácil, médio, dificil, perito - A partir dessa tag, continue na aula 2 aos 36 minutos

• v0.0.5 Quiz card com o GridView - A partir dessa tag, continue na aula 2 a partir de 01:01:20

• v0.0.6 Finalização da aula 2

• v0.0.7 Aula 3, criando o model e controller da Home - Continue na aula 3 a partir de 1:03:30

• v0.0.8 Final da aula 3 - Troquei os "Awnser" para "Answer". No video ta errado....

• v0.0.9 Botoes Voltar, Confirmar do Challenge Page - Continue na aula 4 a partir de 00:34:00

• v0.0.10 Aula 4 até navegação - continuar de 00:49:50 da aula 4

• v0.0.11 Aula 4 até botão pular - continuar de 01:07:20 da aula 4

• v0.0.12 Finalização da aula 4

• v0.0.13 ResultPage completo da aula 4 - Continue na aula 5 a partir de 55:43

• v0.0.14 Finalização da aula 5

✅ Dica

No VScode, você pode ter essa visualização dos childs dos widgets:

Para isso, vá até os settings do vscode e marque a opção previewFlutterUiGuides:

Em conjunto, altere as cores das linhas de identação:

Tema Dark+ padrão do vscode:

"workbench.colorCustomizations": {
        "editorIndentGuide.activeBackground": "#1e1e1e",
        "editorIndentGuide.background": "#1e1e1e",
     },

Tema Dracula Soft:

    "workbench.colorCustomizations": {
        "editorIndentGuide.activeBackground": "#282a36",
        "editorIndentGuide.background": "#282a36",
     },

✅ Instalação

Necessário:

• Flutter 2.0.5 ou superior
• Visual Studio Code ou Android Studio
• Git
• ❌ Não é necessário instalar Android SDK nem AVD. A partir do Flutter 2.0.5 existe a versão "Chrome" ou "Edge"

Instalação

$ git clone https://github.com/danielschmitz/devquiz.git
cd devquiz
code . 

Após abrir o Visual Studio Code, aperte F5 para compilar e executar o projeto.

Enjoy!