Aula 01 - Liftoff 💪

README-pt.md

@@ -4,6 +4,15 @@
 
 <h1 align="center">DevQuiz</h1>
 
+- ✅ Liftoff 💪
+- 🔄 Maaximum Speed 🏃‍♂️
+- 🔄 In Orbit 👨‍🚀 
+- 🔄 Landing 🔥
+- 🔄 Surface Exploration ⚡
+- 🔄 Acelerando sua Carreira 🚀
+
+---
+
 <h2 align="center">Tópicos 📋</h2>
 
    <p>

README.md

@@ -4,6 +4,15 @@
 
 <h1 align="center">DevQuiz</h1>
 
+- ✅ Liftoff 💪
+- 🔄 Maaximum Speed 🏃‍♂️
+- 🔄 In Orbit 👨‍🚀 
+- 🔄 Landing 🔥
+- 🔄 Surface Exploration ⚡
+- 🔄 Accelerating your Career 🚀
+
+---
+
 <h2 align="center">Topics 📋</h2>
 
    <p>

lib/core/app_widget.dart

@@ -1,12 +1,14 @@
-import 'package:devquiz/splash/splash_page.dart';
+import 'package:devquiz/home/home_page.dart';
+// import 'package:devquiz/splash/splash_page.dart';
 import 'package:flutter/material.dart';
 
 class AppWidget extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return MaterialApp(
       title: 'DevQuiz',
-      home: SplashPage(),
+      debugShowCheckedModeBanner: false,
+      home: HomePage(),
     );
   }
 }

lib/home/home_page.dart

@@ -1,10 +1,18 @@
+import 'package:devquiz/home/widgets/appbar/app_bar_widget.dart';
 import 'package:flutter/material.dart';
 
-class HomePage extends StatelessWidget {
+class HomePage extends StatefulWidget {
+  HomePage({Key? key}) : super(key: key);
+
+  @override
+  _HomePageState createState() => _HomePageState();
+}
+
+class _HomePageState extends State<HomePage> {
   @override
   Widget build(BuildContext context) {
-    return Container(
-
+    return Scaffold(
+      appBar: AppBarWidget(),
     );
   }
-}
+}

lib/home/widgets/appbar/app_bar_widget.dart

@@ -0,0 +1,54 @@
+import 'package:devquiz/core/app_gradients.dart';
+import 'package:devquiz/core/app_text_styles.dart';
+import 'package:devquiz/home/widgets/score_card/score_card_widget.dart';
+import 'package:flutter/material.dart';
+
+class AppBarWidget extends PreferredSize {
+  AppBarWidget() : super(
+    preferredSize: Size.fromHeight(250),
+    child: Container(
+      height: 250,
+      child: Stack(
+        children: [
+          Container(
+            height: 161,
+            padding: const EdgeInsets.fromLTRB(20, 0, 20, 20),
+            width: double.maxFinite,
+            decoration: BoxDecoration(gradient: AppGradients.linear),
+            child: Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: [
+                Text.rich(
+                  TextSpan(
+                    text: 'Olá, ', 
+                    style: AppTextStyles.title,
+                    children: [
+                      TextSpan(
+                        text: 'Felipe Sales', style: AppTextStyles.titleBold
+                      ),
+                    ],
+                  ),
+                ),
+                Container(
+                  height: 58,
+                  width: 58,
+                  decoration: BoxDecoration(
+                    borderRadius: BorderRadius.circular(10),
+                    image: DecorationImage(
+                      image: NetworkImage('https://avatars.githubusercontent.com/u/59374587'),
+                      fit: BoxFit.cover,
+                    ),
+                  ),
+                ),
+              ],
+            ),
+          ),
+          Align(
+            alignment: Alignment(0.0, 1.0),
+            child: ScoreCardWidget(),
+          ),
+        ],
+      ),
+    ),
+  );
+}

lib/home/widgets/chart/chart_widget.dart

@@ -0,0 +1,33 @@
+import 'package:flutter/material.dart';
+
+import 'package:devquiz/core/app_colors.dart';
+import 'package:devquiz/core/app_text_styles.dart';
+
+class ChartWidget extends StatelessWidget {
+  const ChartWidget({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      height: 80,
+      width: 80,
+      child: Stack(
+        children: [
+          Center(
+            child: Container(
+              height: 80,
+              width: 80,
+              child: CircularProgressIndicator(
+                strokeWidth: 10,
+                value: .75,
+                backgroundColor: AppColors.chartSecondary,
+                valueColor: AlwaysStoppedAnimation<Color>(AppColors.chartPrimary),
+              ),
+            ),
+          ),
+          Center(child: Text('75%', style: AppTextStyles.heading)),
+        ],
+      ),
+    );
+  }
+}

lib/home/widgets/score_card/score_card_widget.dart

@@ -0,0 +1,56 @@
+import 'package:flutter/material.dart';
+
+import 'package:devquiz/core/app_colors.dart';
+import 'package:devquiz/core/app_text_styles.dart';
+import 'package:devquiz/home/widgets/chart/chart_widget.dart';
+
+class ScoreCardWidget extends StatelessWidget {
+  const ScoreCardWidget({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Padding(
+      padding: const EdgeInsets.symmetric(horizontal: 20),
+      child: Container(
+        height: 136,
+        decoration: BoxDecoration(
+          color: AppColors.white,
+          borderRadius: BorderRadius.circular(15),
+        ),
+        child: Padding(
+          padding: const EdgeInsets.symmetric(horizontal: 10),
+          child: Row(
+            crossAxisAlignment: CrossAxisAlignment.center,
+            children: [
+              Expanded(
+                flex: 1,
+                child: ChartWidget(),
+              ),
+              Expanded(
+                flex: 3,
+                child: Padding(
+                  padding: const EdgeInsets.only(left: 24),
+                  child: Column(
+                    mainAxisAlignment: MainAxisAlignment.center,
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      Text(
+                        'Vamos começar', 
+                        style: AppTextStyles.heading,
+                      ),
+                      SizedBox(height: 5),
+                      Text(
+                        'Complete os desafios e avance em conhecimento',
+                        style: AppTextStyles.body,
+                      ),
+                    ]
+                  ),
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/main.dart

@@ -1,5 +1,7 @@
 import 'package:flutter/material.dart';
 
+import 'home/home_page.dart';
+
 void main() {
   runApp(MyApp());
 }
@@ -8,11 +10,9 @@ class MyApp extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return MaterialApp(
-      title: 'Flutter Demo',
-      theme: ThemeData(
-        primarySwatch: Colors.blue,
-      ),
-      home: Container(),
+      title: 'DevQuiz',
+      debugShowCheckedModeBanner: false,
+      home: HomePage(),
     );
   }
 }