[fronrtend] 작업 중

@@ -17,7 +17,7 @@ class _DashBoardState extends State<DashBoard> {
           title: Text('Welcome to Flutter'),
         ),
         body: Center(
-          child: Text('Hello World'),
+          child: Text('DashBoard 작업 영역'),
         ),
       ),
     );

@@ -3,6 +3,7 @@ import 'package:flutter/services.dart';
 import '../shared/colors.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
 import './SignInPage.dart';
+import './SignUpPage.dart';
 
 class HomePage extends StatefulWidget {
   final String pageTitle;
@@ -124,7 +125,7 @@ class _HomePageState extends State<HomePage> {
                                     context,
                                     MaterialPageRoute(
                                       builder: (BuildContext context) =>
-                                          SignInPage(),
+                                          SignUpPage(),
                                     ));
                               },
                               child: Text(

 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
+import '../shared/styles.dart';
 import '../shared/colors.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:page_transition/page_transition.dart';
+import '../shared/inputFields.dart';
+import './SignInPage.dart';
+import './DashBoard.dart';
 
 class SignUpPage extends StatefulWidget {
+  final String pageTitle;
+
+  SignUpPage({Key key, this.pageTitle}) : super(key: key);
+
   @override
   _SignUpPageState createState() => _SignUpPageState();
 }
 
 class _SignUpPageState extends State<SignUpPage> {
+  @override
   Widget build(BuildContext context) {
-    return MaterialApp(
-      title: 'Welcome to Flutter',
-      home: Scaffold(
+    return Scaffold(
         appBar: AppBar(
-          title: Text('Welcome to Flutter'),
-        ),
-        body: Center(
-          child: Text('Hello World'),
+          elevation: 0,
+          backgroundColor: white,
+          title: Text('Sign Up',
+              style: TextStyle(
+                  color: Colors.grey, fontFamily: 'Poppins', fontSize: 15)),
+          actions: <Widget>[
+            FlatButton(
+              onPressed: () {
+                // Navigator.of(context).pushNamed('/signin');
+                Navigator.push(
+                    context,
+                    PageTransition(
+                        type: PageTransitionType.rightToLeft,
+                        child: SignInPage()));
+              },
+              child: Text('Sign In', style: contrastText),
+            )
+          ],
         ),
-      ),
-    );
+        body: ListView(
+          shrinkWrap: true,
+          children: <Widget>[
+            Container(
+              padding: EdgeInsets.only(left: 18, right: 18),
+              child: Stack(
+                children: <Widget>[
+                  Column(
+                    mainAxisAlignment: MainAxisAlignment.start,
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: <Widget>[
+                      Text('Welcome to Fryo!', style: h3),
+                      Text('Let\'s get started', style: taglineText),
+                      fryoTextInput('Username'),
+                      fryoTextInput('Full Name'),
+                      fryoEmailInput('Email Address'),
+                      fryoPasswordInput('Password')
+                    ],
+                  ),
+                  Positioned(
+                    bottom: 15,
+                    right: -15,
+                    child: FlatButton(
+                      onPressed: () {
+                        Navigator.push(
+                            context,
+                            PageTransition(
+                                type: PageTransitionType.rightToLeft,
+                                child: DashBoard()));
+                      },
+                      color: primaryColor,
+                      padding: EdgeInsets.all(13),
+                      shape: CircleBorder(),
+                      child: Icon(Icons.arrow_forward, color: white),
+                    ),
+                  )
+                ],
+              ),
+              height: 360,
+              width: double.infinity,
+              decoration: authPlateDecoration,
+            ),
+          ],
+        ));
   }
 }

+import 'package:flutter/material.dart';
+import './colors.dart';
+import './styles.dart';
+
+Container fryoTextInput(String hintText,
+    {onTap, onChanged, onEditingComplete, onSubmitted}) {
+  return Container(
+    margin: EdgeInsets.only(top: 13),
+    child: TextField(
+      onTap: onTap,
+      onChanged: onChanged,
+      onEditingComplete: onEditingComplete,
+      onSubmitted: onSubmitted,
+      cursorColor: primaryColor,
+      style: inputFieldTextStyle,
+      decoration: InputDecoration(
+          hintText: hintText,
+          hintStyle: inputFieldHintTextStyle,
+          focusedBorder: inputFieldFocusedBorderStyle,
+          contentPadding: EdgeInsets.symmetric(horizontal: 20, vertical: 10),
+          border: inputFieldDefaultBorderStyle),
+    ),
+  );
+}
+
+Container fryoEmailInput(String hintText,
+    {onTap, onChanged, onEditingComplete, onSubmitted}) {
+  return Container(
+    margin: EdgeInsets.only(top: 13),
+    child: TextField(
+      onTap: onTap,
+      onChanged: onChanged,
+      onEditingComplete: onEditingComplete,
+      onSubmitted: onSubmitted,
+      keyboardType: TextInputType.emailAddress,
+      cursorColor: primaryColor,
+      style: inputFieldTextStyle,
+      decoration: InputDecoration(
+          hintText: hintText,
+          hintStyle: inputFieldHintTextStyle,
+          focusedBorder: inputFieldFocusedBorderStyle,
+          contentPadding: EdgeInsets.symmetric(horizontal: 20, vertical: 10),
+          border: inputFieldDefaultBorderStyle),
+    ),
+  );
+}
+
+
+Container fryoPasswordInput(String hintText,
+    {onTap, onChanged, onEditingComplete, onSubmitted}) {
+  return Container(
+    margin: EdgeInsets.only(top: 13),
+    child: TextField(
+      onTap: onTap,
+      onChanged: onChanged,
+      onEditingComplete: onEditingComplete,
+      onSubmitted: onSubmitted,
+      obscureText: true,
+      cursorColor: primaryColor,
+      style: inputFieldHintPaswordTextStyle,
+      decoration: InputDecoration(
+          hintText: hintText,
+          hintStyle: inputFieldHintPaswordTextStyle,
+          focusedBorder: inputFieldFocusedBorderStyle,
+          contentPadding: EdgeInsets.symmetric(horizontal: 20, vertical: 10),
+          border: inputFieldDefaultBorderStyle),
+    ),
+  );
+}

+import 'package:flutter/material.dart';
+import './colors.dart';
+
+/////////////////////////////////
+///   TEXT STYLES
+////////////////////////////////
+
+const logoStyle = TextStyle(
+    fontFamily: 'Pacifico',
+    fontSize: 30,
+    color: Colors.black54,
+    letterSpacing: 2);
+
+const logoWhiteStyle = TextStyle(
+    fontFamily: 'Pacifico',
+    fontSize: 21,
+    letterSpacing: 2,
+    color: Colors.white);
+const whiteText = TextStyle(color: Colors.white, fontFamily: 'Poppins');
+const disabledText = TextStyle(color: Colors.grey, fontFamily: 'Poppins');
+const contrastText = TextStyle(color: primaryColor, fontFamily: 'Poppins');
+const contrastTextBold = TextStyle(
+    color: primaryColor, fontFamily: 'Poppins', fontWeight: FontWeight.w600);
+
+const h3 = TextStyle(
+    color: Colors.black,
+    fontSize: 24,
+    fontWeight: FontWeight.w800,
+    fontFamily: 'Poppins');
+
+const h4 = TextStyle(
+    color: Colors.black,
+    fontSize: 18,
+    fontWeight: FontWeight.w700,
+    fontFamily: 'Poppins');
+    
+const h5 = TextStyle(
+    color: Colors.black,
+    fontSize: 18,
+    fontWeight: FontWeight.w500,
+    fontFamily: 'Poppins');
+
+    const h6 = TextStyle(
+    color: Colors.black,
+    fontSize: 16,
+    fontWeight: FontWeight.w500,
+    fontFamily: 'Poppins');
+
+
+const priceText = TextStyle(
+    color: Colors.black,
+    fontSize: 19,
+    fontWeight: FontWeight.w800,
+    fontFamily: 'Poppins');
+
+const foodNameText = TextStyle(
+    color: Colors.black,
+    fontSize: 17,
+    fontWeight: FontWeight.w600,
+    fontFamily: 'Poppins');
+
+const tabLinkStyle =
+    TextStyle(fontWeight: FontWeight.w500);
+
+const taglineText = TextStyle(color: Colors.grey, fontFamily: 'Poppins');
+const categoryText = TextStyle(
+    color: Color(0xff444444),
+    fontWeight: FontWeight.w700,
+    fontFamily: 'Poppins');
+
+const inputFieldTextStyle =
+    TextStyle(fontFamily: 'Poppins', fontWeight: FontWeight.w500);
+
+const inputFieldHintTextStyle =
+    TextStyle(fontFamily: 'Poppins', color: Color(0xff444444));
+
+const inputFieldPasswordTextStyle = TextStyle(
+    fontFamily: 'Poppins', fontWeight: FontWeight.w500, letterSpacing: 3);
+
+const inputFieldHintPaswordTextStyle = TextStyle(
+    fontFamily: 'Poppins', color: Color(0xff444444), letterSpacing: 2);
+
+///////////////////////////////////
+/// BOX DECORATION STYLES
+//////////////////////////////////
+
+const authPlateDecoration = BoxDecoration(
+    color: white,
+    boxShadow: [
+      BoxShadow(
+          color: Color.fromRGBO(0, 0, 0, .1),
+          blurRadius: 10,
+          spreadRadius: 5,
+          offset: Offset(0, 1))
+    ],
+    borderRadius: BorderRadiusDirectional.only(
+        bottomEnd: Radius.circular(20), bottomStart: Radius.circular(20)));
+
+/////////////////////////////////////
+/// INPUT FIELD DECORATION STYLES
+////////////////////////////////////
+
+const inputFieldFocusedBorderStyle = OutlineInputBorder(
+    borderRadius: BorderRadius.all(Radius.circular(6)),
+    borderSide: BorderSide(
+      color: primaryColor,
+    ));
+
+const inputFieldDefaultBorderStyle = OutlineInputBorder(
+    gapPadding: 0, borderRadius: BorderRadius.all(Radius.circular(6)));

@@ -81,6 +81,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.3.0-nullsafety.3"
+  page_transition:
+    dependency: "direct main"
+    description:
+      name: page_transition
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.1.7+6"
   path:
     dependency: transitive
     description:

@@ -25,6 +25,7 @@ dependencies:
     sdk: flutter
     
   flutter_screenutil: ^0.7.0
+  page_transition: '^1.1.5'
 
 
 dev_dependencies: