- Introduction on base view model and stateless widget classes

- Implementation of firebase
- Implementation of dependency injection

Took 11 hours 26 minutes

lib/widgets/CodeEnterWidget.dart

@@ -0,0 +1,74 @@
+import 'dart:async';
+
+import 'package:flutter/material.dart';
+import 'package:flutter/widgets.dart';
+
+class CodeEnterWidget extends StatelessWidget {
+  final _formKey = GlobalKey<FormState>();
+  final GlobalKey<ScaffoldState> scaffoldPageOne;
+
+  CodeEnterWidget({this.scaffoldPageOne});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: Center(
+          child: Form(
+              key: _formKey,
+              child: Container(
+                decoration: BoxDecoration(
+                  color: Colors.white,
+                  boxShadow: [
+                    BoxShadow(
+                      color: Colors.grey.withOpacity(0.5),
+                      spreadRadius: 5,
+                      blurRadius: 7,
+                      offset: Offset(0, 3), // changes position of shadow
+                    ),
+                  ],
+                ),
+                margin: EdgeInsets.all(20.0),
+                padding: EdgeInsets.all(12.0),
+                child: Column(
+                  mainAxisAlignment: MainAxisAlignment.center,
+                  mainAxisSize: MainAxisSize.min,
+                  children: <Widget>[
+                    Container(
+                      child: Text(
+                        "Sign in with your phone number below.",
+                        style: TextStyle(color: Colors.white),
+                      ),
+                      color: Colors.blue,
+                      alignment: Alignment.center,
+                      padding: EdgeInsets.all(20.0),
+                    ),
+                    TextFormField(
+                      keyboardType: TextInputType.phone,
+                      validator: (value) {
+                        if (value.isEmpty) {
+                          return 'Enter the code sent to you';
+                        }
+                        return null;
+                      },
+                    ),
+                    Container(
+                      margin: EdgeInsets.only(top: 20, bottom: 12),
+                      child: ElevatedButton(
+                        onPressed: () {
+                          if (_formKey.currentState.validate()) {
+                            scaffoldPageOne.currentState.showSnackBar(
+                                SnackBar(content: Text('Processing Data')));
+                          }
+                          Timer(Duration(seconds: 2), () {
+                            // Todo: change body
+                          });
+                        },
+                        child: Text('Submit'),
+                      ),
+                    ),
+                  ],
+                ),
+              ))),
+    );
+  }
+}