Added starting code for the 035 api integration

Author: FilledStacks

035-statemanagement-api-integration/00-starting/lib/datamodels/navbar_item_model.dart

@@ -0,0 +1,13 @@
+import 'package:flutter/widgets.dart';
+
+class NavBarItemModel {
+  final String title;
+  final String navigationPath;
+  final IconData iconData;
+
+  NavBarItemModel({
+    this.title,
+    this.navigationPath,
+    this.iconData,
+  });
+}

035-statemanagement-api-integration/00-starting/lib/datamodels/season_details_model.dart

@@ -0,0 +1,11 @@
+import 'package:flutter/foundation.dart';
+
+class SeasonDetailsModel {
+  final String title;
+  final String description;
+
+  SeasonDetailsModel({
+    @required this.title,
+    @required this.description,
+  });
+}

035-statemanagement-api-integration/00-starting/lib/routing/router.dart

@@ -8,37 +8,41 @@ import 'package:the_basics/views/home/home_view.dart';
 Route<dynamic> generateRoute(RouteSettings settings) {
   switch (settings.name) {
     case HomeRoute:
-      return _getPageRoute(HomeView());
+      return _getPageRoute(HomeView(), settings);
     case AboutRoute:
-      return _getPageRoute(AboutView());
+      return _getPageRoute(AboutView(), settings);
     case EpisodesRoute:
-      return _getPageRoute(EpisodesView());
+      return _getPageRoute(EpisodesView(), settings);
     default:
+      return _getPageRoute(HomeView(), settings);
   }
 }
 
-PageRoute _getPageRoute(Widget child) {
-  return _FadeRoute(child: child);
+PageRoute _getPageRoute(Widget child, RouteSettings settings) {
+  return _FadeRoute(child: child, routeName: settings.name);
 }
 
 class _FadeRoute extends PageRouteBuilder {
   final Widget child;
-  _FadeRoute({this.child})
+  final String routeName;
+  _FadeRoute({this.child, this.routeName})
       : super(
-            pageBuilder: (
-              BuildContext context,
-              Animation<double> animation,
-              Animation<double> secondaryAnimation,
-            ) =>
-                child,
-            transitionsBuilder: (
-              BuildContext context,
-              Animation<double> animation,
-              Animation<double> secondaryAnimation,
-              Widget child,
-            ) =>
-                FadeTransition(
-                  opacity: animation,
-                  child: child,
-                ));
+          settings: RouteSettings(name: routeName),
+          pageBuilder: (
+            BuildContext context,
+            Animation<double> animation,
+            Animation<double> secondaryAnimation,
+          ) =>
+              child,
+          transitionsBuilder: (
+            BuildContext context,
+            Animation<double> animation,
+            Animation<double> secondaryAnimation,
+            Widget child,
+          ) =>
+              FadeTransition(
+            opacity: animation,
+            child: child,
+          ),
+        );
 }

035-statemanagement-api-integration/00-starting/lib/viewmodels/episodes_viewmodel.dart

@@ -0,0 +1,5 @@
+import 'package:flutter/cupertino.dart';
+
+class EpisodesViewModel extends ChangeNotifier {
+  
+}

035-statemanagement-api-integration/00-starting/lib/views/episodes/episodes_view.dart

@@ -1,14 +1,33 @@
 import 'package:flutter/material.dart';
-import 'package:responsive_builder/responsive_builder.dart';
-import 'episodes_view_desktop.dart';
+import 'package:the_basics/datamodels/season_details_model.dart';
+import 'package:the_basics/widgets/episodes_list/episodes_list.dart';
+import 'package:the_basics/widgets/season_details/season_details.dart';
 
 class EpisodesView extends StatelessWidget {
   const EpisodesView({Key key}) : super(key: key);
 
   @override
   Widget build(BuildContext context) {
-    return ScreenTypeLayout(
-      desktop: EpisodesViewDesktop(),
-    );
+    return SingleChildScrollView(
+        child: Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      mainAxisSize: MainAxisSize.max,
+      children: <Widget>[
+        SizedBox(
+          height: 100,
+        ),
+        SeasonDetails(
+          details: SeasonDetailsModel(
+            title: 'SEASON 1',
+            description:
+                'This season covers the absolute basics of Flutter Web Dev to get us up and running with a basic web app.',
+          ),
+        ),
+        SizedBox(
+          height: 50,
+        ),
+        EpisodesList(),
+      ],
+    ));
   }
 }

035-statemanagement-api-integration/00-starting/lib/views/episodes/episodes_view_desktop.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:responsive_builder/responsive_builder.dart';
+import 'package:the_basics/styles/text_styles.dart';
 
 class CourseDetails extends StatelessWidget {
   const CourseDetails({Key key}) : super(key: key);
@@ -12,15 +13,6 @@ class CourseDetails extends StatelessWidget {
             sizingInformation.deviceScreenType == DeviceScreenType.Desktop
                 ? TextAlign.left
                 : TextAlign.center;
-        double titleSize =
-            sizingInformation.deviceScreenType == DeviceScreenType.Mobile
-                ? 50
-                : 80;
-
-        double descriptionSize =
-            sizingInformation.deviceScreenType == DeviceScreenType.Mobile
-                ? 16
-                : 21;
 
         return Container(
           width: 600,
@@ -30,21 +22,15 @@ class CourseDetails extends StatelessWidget {
             children: <Widget>[
               Text(
                 'FLUTTER WEB.\nTHE BASICS',
-                style: TextStyle(
-                    fontWeight: FontWeight.w800,
-                    height: 0.9,
-                    fontSize: titleSize),
+                style: titleTextStyle(sizingInformation.deviceScreenType),
                 textAlign: textAlignment,
               ),
               SizedBox(
                 height: 30,
               ),
               Text(
                 'In this course we will go over the basics of using Flutter Web for website development. Topics will include Responsive Layout, Deploying, Font Changes, Hover Functionality, Modals and more.',
-                style: TextStyle(
-                  fontSize: descriptionSize,
-                  height: 1.7,
-                ),
+                style: descriptionTextStyle(sizingInformation.deviceScreenType),
                 textAlign: textAlignment,
               )
             ],

035-statemanagement-api-integration/00-starting/lib/widgets/course_details/course_details.dart

@@ -1,52 +1,52 @@
 import 'package:flutter/material.dart';
+import 'package:the_basics/datamodels/episode_item.model.dart';
 
 class EpisodeItem extends StatelessWidget {
-  final String imageUrl;
-  final String title;
-  final double duration;
+  final EpisodeItemModel model;
   const EpisodeItem({
     Key key,
-    this.imageUrl,
-    this.title,
-    this.duration,
+    this.model,
   }) : super(key: key);
 
   @override
   Widget build(BuildContext context) {
     return Card(
       color: Colors.white,
       elevation: 2,
-      child: Column(
-        crossAxisAlignment: CrossAxisAlignment.start,
-        children: <Widget>[
-          SizedBox(
-            height: 180,
-            width: 300,
-            child: Container(color: Colors.grey[300]),
-          ),
-          Padding(
-            padding: const EdgeInsets.symmetric(
-              horizontal: 15.0,
-              vertical: 20,
+      child: SizedBox(
+        width: 300,
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: <Widget>[
+            SizedBox(
+              height: 180,
+              child: Container(color: Colors.grey[300]),
             ),
-            child: Column(
-              crossAxisAlignment: CrossAxisAlignment.start,
-              children: <Widget>[
-                Text(
-                  title,
-                  style: TextStyle(
-                    fontWeight: FontWeight.w700,
-                    fontSize: 14,
+            Padding(
+              padding: const EdgeInsets.symmetric(
+                horizontal: 15.0,
+                vertical: 20,
+              ),
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: <Widget>[
+                  Text(
+                    model.title,
+                    style: TextStyle(
+                      fontWeight: FontWeight.w700,
+                      fontSize: 14,
+                    ),
+                    softWrap: true,
                   ),
-                ),
-                Text(
-                  '$duration minutes',
-                  style: TextStyle(fontSize: 10),
-                )
-              ],
+                  Text(
+                    '${model.duration} minutes',
+                    style: TextStyle(fontSize: 10),
+                  )
+                ],
+              ),
             ),
-          ),
-        ],
+          ],
+        ),
       ),
     );
   }

035-statemanagement-api-integration/00-starting/lib/widgets/episodes_list/episode_item.dart

@@ -18,20 +18,14 @@ class EpisodesList extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return ListView(children: [
-      Wrap(
-        direction: Axis.horizontal,
-        alignment: WrapAlignment.start,
-        children: <Widget>[
-          ...episodes.map(
-            (episode) => EpisodeItem(
-              title: episode.title,
-              imageUrl: episode.imageUrl,
-              duration: episode.duration,
-            ),
-          )
-        ],
-      ),
-    ]);
+    return Wrap(
+      spacing: 130,
+      runSpacing: 30,
+      children: <Widget>[
+        ...episodes.map(
+          (episode) => EpisodeItem(model: episode),
+        )
+      ],
+    );
   }
 }

035-statemanagement-api-integration/00-starting/lib/widgets/episodes_list/episodes_list.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:responsive_builder/responsive_builder.dart';
+import 'package:the_basics/datamodels/navbar_item_model.dart';
 import 'package:the_basics/locator.dart';
 import 'package:the_basics/services/navigation_service.dart';
 import 'package:the_basics/widgets/navbar_item/navbar_item_desktop.dart';
@@ -13,15 +14,24 @@ class NavBarItem extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    var model = NavBarItemModel(
+      title: title,
+      navigationPath: navigationPath,
+      iconData: icon,
+    );
     return GestureDetector(
       onTap: () {
         // DON'T EVER USE A SERVICE DIRECTLY IN THE UI TO CHANGE ANY KIND OF STATE
         // SERVICES SHOULD ONLY BE USED FROM A VIEWMODEL
         locator<NavigationService>().navigateTo(navigationPath);
       },
       child: ScreenTypeLayout(
-        tablet: NavBarItemTabletDesktop(title, navigationPath),
-        mobile: NavBarItemMobile(title, icon, navigationPath),
+        tablet: NavBarItemTabletDesktop(
+          model: model,
+        ),
+        mobile: NavBarItemMobile(
+          model: model,
+        ),
       ),
     );
   }

035-statemanagement-api-integration/00-starting/lib/widgets/navbar_item/navbar_item.dart

@@ -1,14 +1,16 @@
 import 'package:flutter/material.dart';
+import 'package:the_basics/datamodels/navbar_item_model.dart';
 
 class NavBarItemTabletDesktop extends StatelessWidget {
-  final String title;
-  final String navigationPath;
-  const NavBarItemTabletDesktop(this.title, this.navigationPath);
-
+  final NavBarItemModel model;
+  NavBarItemTabletDesktop({this.model});
+  
   @override
-  Widget build(BuildContext context) {
+  Widget build(
+    BuildContext context,
+  ) {
     return Text(
-      title,
+      model.title,
       style: TextStyle(fontSize: 18),
     );
   }