diff --git a/README.md b/README.md index 0990995..90c6b1b 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,2 @@ -# DAFLMusic +create# DAFLMusic diff --git a/daflmusic/assets/fonts/DMSans-Bold.ttf b/daflmusic/assets/fonts/DMSans-Bold.ttf new file mode 100644 index 0000000..e70172a Binary files /dev/null and b/daflmusic/assets/fonts/DMSans-Bold.ttf differ diff --git a/daflmusic/assets/fonts/DMSans-BoldItalic.ttf b/daflmusic/assets/fonts/DMSans-BoldItalic.ttf new file mode 100644 index 0000000..8b972ca Binary files /dev/null and b/daflmusic/assets/fonts/DMSans-BoldItalic.ttf differ diff --git a/daflmusic/assets/fonts/DMSans-Italic.ttf b/daflmusic/assets/fonts/DMSans-Italic.ttf new file mode 100644 index 0000000..b965526 Binary files /dev/null and b/daflmusic/assets/fonts/DMSans-Italic.ttf differ diff --git a/daflmusic/assets/fonts/DMSans-Medium.ttf b/daflmusic/assets/fonts/DMSans-Medium.ttf new file mode 100644 index 0000000..71b2277 Binary files /dev/null and b/daflmusic/assets/fonts/DMSans-Medium.ttf differ diff --git a/daflmusic/assets/fonts/DMSans-MediumItalic.ttf b/daflmusic/assets/fonts/DMSans-MediumItalic.ttf new file mode 100644 index 0000000..d3293d6 Binary files /dev/null and b/daflmusic/assets/fonts/DMSans-MediumItalic.ttf differ diff --git a/daflmusic/assets/fonts/DMSans-Regular.ttf b/daflmusic/assets/fonts/DMSans-Regular.ttf new file mode 100644 index 0000000..cad73f0 Binary files /dev/null and b/daflmusic/assets/fonts/DMSans-Regular.ttf differ diff --git a/daflmusic/assets/fonts/Silkscreen-Regular.ttf b/daflmusic/assets/fonts/Silkscreen-Regular.ttf new file mode 100644 index 0000000..e087e17 Binary files /dev/null and b/daflmusic/assets/fonts/Silkscreen-Regular.ttf differ diff --git a/daflmusic/assets/images/Logo.png b/daflmusic/assets/images/Logo.png new file mode 100644 index 0000000..2658c9b Binary files /dev/null and b/daflmusic/assets/images/Logo.png differ diff --git a/daflmusic/assets/images/arrow.png b/daflmusic/assets/images/arrow.png new file mode 100644 index 0000000..78d10f3 Binary files /dev/null and b/daflmusic/assets/images/arrow.png differ diff --git a/daflmusic/assets/images/background.png b/daflmusic/assets/images/background.png new file mode 100644 index 0000000..4b9f14c Binary files /dev/null and b/daflmusic/assets/images/background.png differ diff --git a/daflmusic/assets/images/background_blur.png b/daflmusic/assets/images/background_blur.png new file mode 100644 index 0000000..2aa55b0 Binary files /dev/null and b/daflmusic/assets/images/background_blur.png differ diff --git a/daflmusic/assets/images/password_logo.png b/daflmusic/assets/images/password_logo.png new file mode 100644 index 0000000..4a81c97 Binary files /dev/null and b/daflmusic/assets/images/password_logo.png differ diff --git a/daflmusic/assets/images/profil_logo.png b/daflmusic/assets/images/profil_logo.png new file mode 100644 index 0000000..7f52026 Binary files /dev/null and b/daflmusic/assets/images/profil_logo.png differ diff --git a/daflmusic/assets/images/spotify_logo.png b/daflmusic/assets/images/spotify_logo.png new file mode 100644 index 0000000..5c229ff Binary files /dev/null and b/daflmusic/assets/images/spotify_logo.png differ diff --git a/daflmusic/lib/homePage/main_homepage.dart b/daflmusic/lib/homePage/main_homepage.dart new file mode 100644 index 0000000..ea91917 --- /dev/null +++ b/daflmusic/lib/homePage/main_homepage.dart @@ -0,0 +1,117 @@ +import 'package:flutter/cupertino.dart'; +import 'package:flutter/material.dart'; + +class MainHomePage extends StatefulWidget { + const MainHomePage({Key? key}) : super(key: key); + + @override + State createState() => _MainHomePage(); +} + +class _MainHomePage extends State { + @override + Widget build(BuildContext context) { + return Scaffold( + backgroundColor: Color(0xFF141414), + body: Stack( + alignment: AlignmentDirectional.topCenter, + children: [ + Image.asset( + 'assets/images/background_blur.png', + height: double.infinity, + width: double.infinity, + fit: BoxFit.cover, + ), + Column( + crossAxisAlignment: CrossAxisAlignment.center, + mainAxisAlignment: MainAxisAlignment.end, + children: [ + + Image.asset( + 'assets/images/Logo.png', + width: 250, + ), + Container( + child: Align( + alignment: Alignment.center, + child: Text("CONTINUER AVEC SPOTIFY", + style: TextStyle(color: Colors.white ,fontSize: 17, fontWeight: FontWeight.bold), + textAlign: TextAlign.center, + ), + ), + margin: EdgeInsets.fromLTRB(60, 40, 60, 0), + height: 55, + decoration: BoxDecoration( + color: Color(0xFF24CF5F), + borderRadius: BorderRadius.all( + Radius.circular(15)), + border: Border.all( + width: 1.5, + color: Color(0xFF68F097), + ),// Set rounded corner radius + + ), + ), + Container( + child: Align( + alignment: Alignment.center, + child: Text("S’INSCRIRE MAINTENANT", + style: TextStyle(fontFamily: 'DMSans', color: Colors.white ,fontSize: 17, fontWeight: FontWeight.w700), + textAlign: TextAlign.center, + ), + ), + margin: EdgeInsets.fromLTRB(60, 10, 60, 0), + width: double.infinity, + height: 55, + decoration: BoxDecoration( + color: Color(0xFF951DDE), + borderRadius: BorderRadius.all( + Radius.circular(15)), + border: Border.all( + width: 1.5, + color: Color(0xFFC656ED), + ),// Set rounded corner radius + + ), + ), + SizedBox(height: 220,), + Container( + child: Align( + alignment: Alignment.center, + child: Text("SE CONNECTER", + style: TextStyle(color: Colors.white ,fontSize: 17, fontWeight: FontWeight.bold), + textAlign: TextAlign.center, + ), + ), + margin: EdgeInsets.fromLTRB(0, 0, 0, 0), + width: double.infinity, + height: 80, + decoration: BoxDecoration( + color: Color(0xFF232123), + border: Border( + top: BorderSide(width: 1.5, color: Color(0xFF3C3C3C)), + ),// Set rounded corner radius + + ), + ), + + + ], + ), + Align( + alignment: Alignment.topRight, + child: Container( + padding: EdgeInsets.fromLTRB(0, 20, 20, 0), + child: Text("v1.0", + style: TextStyle(fontFamily: 'DMSans', color: Colors.white.withOpacity(0.5) ,fontSize: 17, fontWeight: FontWeight.w700), + ), + ) + ), + + ], + ), + ); + } +} + + diff --git a/daflmusic/lib/signInPage/main_signIn_page.dart b/daflmusic/lib/signInPage/main_signIn_page.dart new file mode 100644 index 0000000..2d8a9a4 --- /dev/null +++ b/daflmusic/lib/signInPage/main_signIn_page.dart @@ -0,0 +1,207 @@ +import 'package:flutter/cupertino.dart'; +import 'package:flutter/material.dart'; + +class MainSignInPage extends StatefulWidget { + const MainSignInPage({Key? key}) : super(key: key); + + @override + State createState() => _MainSignInPageState(); +} + +class _MainSignInPageState extends State { + @override + bool isChecked = false; + Widget build(BuildContext context) { + return Scaffold( + resizeToAvoidBottomInset: false, + backgroundColor: Color(0xFF141414), + body: Stack( + alignment: AlignmentDirectional.topCenter, + children: [ + Image.asset( + 'assets/images/background.png', + height: double.infinity, + width: double.infinity, + fit: BoxFit.cover, + ), + Column( + crossAxisAlignment: CrossAxisAlignment.center, + mainAxisAlignment: MainAxisAlignment.end, + children: [ + + Image.asset( + 'assets/images/Logo.png', + width: 250, + ), + SizedBox(height: 80,), + Text( + "SE CONNECTER", + style: TextStyle(fontFamily: 'DMSans', color: Colors.white ,fontSize: 23, fontWeight: FontWeight.w700), + textAlign: TextAlign.center, + ), + SizedBox(height: 10,), + Container( + width: 500, + padding: EdgeInsets.fromLTRB(45, 0, 45, 0), + child: Stack( + children: [ + Container( + height: 43, + decoration: BoxDecoration( + color: Colors.white, + borderRadius: BorderRadius.all( + Radius.circular(50)), + boxShadow: [ + BoxShadow( + color: Colors.black.withOpacity(0.3), + spreadRadius: 5, + blurRadius: 7, + offset: Offset(0, 3), // changes position of shadow + ), + ], + ), + ), + Padding(padding: EdgeInsets.fromLTRB(50, 0, 20, 0), + child: TextField( + decoration: InputDecoration( + border: InputBorder.none, + ), + cursorColor: Colors.purple, + textAlign: TextAlign.left, + ), + ), + Container( + margin: EdgeInsets.fromLTRB(15, 12, 0, 0), + child: Image.asset( + 'assets/images/profil_logo.png', + height: 16, + width: 16, + fit: BoxFit.cover, + ), + ), + ], + ) + ), + Container( + width: 500, + padding: EdgeInsets.fromLTRB(45, 10, 45, 0), + child: Stack( + children: [ + Container( + height: 43, + decoration: BoxDecoration( + color: Colors.white, + borderRadius: BorderRadius.all( + Radius.circular(50)), + boxShadow: [ + BoxShadow( + color: Colors.black.withOpacity(0.3), + spreadRadius: 5, + blurRadius: 7, + offset: Offset(0, 3), // changes position of shadow + ), + ], + + ), + + ),Padding(padding: EdgeInsets.fromLTRB(50, 0, 20, 0), + child: TextField( + decoration: InputDecoration( + border: InputBorder.none, + ), + cursorColor: Colors.purple, + textAlign: TextAlign.left, + ), + ), + Container( + margin: EdgeInsets.fromLTRB(15, 12, 0, 0), + child: Image.asset( + 'assets/images/password_logo.png', + height: 16, + width: 16, + fit: BoxFit.cover, + ), + ), + ], + ) + ), + SizedBox(height: 10,), + Container( + width: double.infinity, + child: Row( + mainAxisAlignment: MainAxisAlignment.center, + children: [ + Checkbox( + checkColor: Colors.white, + activeColor: Color(0xFF951DDE), + value: isChecked, + onChanged: (bool? value) { + setState(() { + isChecked = value!; + }); + }, + ), + Text( + "se souvenir de moi", + style: TextStyle(fontFamily: 'DMSans', color: Colors.white ,fontSize: 17, fontWeight: FontWeight.w700), + textAlign: TextAlign.center, + ), + ], + ), + ), + SizedBox(height: 50,), + Container( + child: Align( + alignment: Alignment.center, + child: Image.asset( + 'assets/images/arrow.png', + width: 47, + ), + ), + margin: EdgeInsets.fromLTRB(60, 10, 60, 0), + width: 83, + height: 83, + decoration: BoxDecoration( + color: Color(0xFFEEEEEE), + borderRadius: BorderRadius.all( + Radius.circular(22)), + border: Border.all( + width: 1.5, + color: Colors.white, + ),// Set rounded corner radius + + ), + ), + SizedBox(height: 100,), + Center( + child: RichText( + text: TextSpan( + text: 'Tu n’as pas de compte?', + style: TextStyle(color: Colors.white, fontWeight: FontWeight.normal, fontSize: 17), /*defining default style is optional */ + children: [ + TextSpan( + text: ' s’inscrire', + style: TextStyle(color: Color(0xFF406DE1), fontWeight: FontWeight.normal), + ), + ], + ), + ), + ), + SizedBox(height: 60,), + ], + ), + Align( + alignment: Alignment.topRight, + child: Container( + padding: EdgeInsets.fromLTRB(0, 20, 20, 0), + child: Text("v1.0", + style: TextStyle(fontFamily: 'DMSans', color: Colors.white.withOpacity(0.5) ,fontSize: 17, fontWeight: FontWeight.w700), + ), + ) + ), + + ], + ), + ); + } +} diff --git a/daflmusic/lib/signUpPage/main_signUp_page.dart b/daflmusic/lib/signUpPage/main_signUp_page.dart new file mode 100644 index 0000000..6e65961 --- /dev/null +++ b/daflmusic/lib/signUpPage/main_signUp_page.dart @@ -0,0 +1,280 @@ +import 'package:flutter/cupertino.dart'; +import 'package:flutter/material.dart'; + +class MainSignUpPage extends StatefulWidget { + const MainSignUpPage({Key? key}) : super(key: key); + + @override + State createState() => _MainSignUpPageState(); +} + +class _MainSignUpPageState extends State { + @override + TextEditingController passwordconfirm = new TextEditingController(); + bool isChecked = false; + Widget build(BuildContext context) { + return Scaffold( + resizeToAvoidBottomInset: false, + backgroundColor: Color(0xFF141414), + body: Stack( + alignment: AlignmentDirectional.topCenter, + children: [ + Image.asset( + 'assets/images/background.png', + height: double.infinity, + width: double.infinity, + fit: BoxFit.cover, + ), + Column( + crossAxisAlignment: CrossAxisAlignment.center, + mainAxisAlignment: MainAxisAlignment.end, + children: [ + + Image.asset( + 'assets/images/Logo.png', + width: 250, + ), + SizedBox(height: 45,), + Text( + "S'INSCRIRE", + style: TextStyle(fontFamily: 'DMSans', color: Colors.white ,fontSize: 23, fontWeight: FontWeight.w700), + textAlign: TextAlign.center, + ), + SizedBox(height: 10,), + Container( + width: 500, + padding: EdgeInsets.fromLTRB(45, 0, 45, 0), + child: Stack( + children: [ + Container( + height: 43, + decoration: BoxDecoration( + color: Colors.white, + borderRadius: BorderRadius.all( + Radius.circular(50)), + boxShadow: [ + BoxShadow( + color: Colors.black.withOpacity(0.3), + spreadRadius: 5, + blurRadius: 7, + offset: Offset(0, 3), // changes position of shadow + ), + ], + ), + ), + Padding(padding: EdgeInsets.fromLTRB(50, 0, 20, 0), + child: TextField( + decoration: InputDecoration( + border: InputBorder.none, + ), + cursorColor: Colors.purple, + textAlign: TextAlign.left, + ), + ), + Container( + margin: EdgeInsets.fromLTRB(15, 12, 0, 0), + child: Image.asset( + 'assets/images/profil_logo.png', + height: 16, + width: 16, + fit: BoxFit.cover, + ), + ), + ], + ) + ), + Container( + width: 500, + padding: EdgeInsets.fromLTRB(45, 10, 45, 0), + child: Stack( + children: [ + Container( + height: 43, + decoration: BoxDecoration( + color: Colors.white, + borderRadius: BorderRadius.all( + Radius.circular(50)), + boxShadow: [ + BoxShadow( + color: Colors.black.withOpacity(0.3), + spreadRadius: 5, + blurRadius: 7, + offset: Offset(0, 3), // changes position of shadow + ), + ], + + ), + + ),Padding(padding: EdgeInsets.fromLTRB(50, 0, 20, 0), + child: TextField( + decoration: InputDecoration( + border: InputBorder.none, + ), + cursorColor: Colors.purple, + textAlign: TextAlign.left, + ), + ), + Container( + margin: EdgeInsets.fromLTRB(15, 12, 0, 0), + child: Image.asset( + 'assets/images/password_logo.png', + height: 16, + width: 16, + fit: BoxFit.cover, + ), + ), + ], + ) + ), + Container( + width: 500, + padding: EdgeInsets.fromLTRB(45, 10, 45, 0), + child: Stack( + children: [ + Container( + height: 43, + decoration: BoxDecoration( + color: Colors.white, + borderRadius: BorderRadius.all( + Radius.circular(50)), + boxShadow: [ + BoxShadow( + color: Colors.black.withOpacity(0.3), + spreadRadius: 5, + blurRadius: 7, + offset: Offset(0, 3), // changes position of shadow + ), + ], + + ), + + ),Padding(padding: EdgeInsets.fromLTRB(50, 0, 20, 0), + child: TextField( + controller: passwordconfirm, + decoration: InputDecoration( + border: InputBorder.none, + ), + cursorColor: Colors.purple, + textAlign: TextAlign.left, + ), + ), + Container( + margin: EdgeInsets.fromLTRB(15, 12, 0, 0), + child: Image.asset( + 'assets/images/password_logo.png', + height: 16, + width: 16, + fit: BoxFit.cover, + ), + ), + ], + ) + ), + Container( + width: 500, + padding: EdgeInsets.fromLTRB(45, 10, 45, 0), + child: Stack( + children: [ + Container( + height: 43, + decoration: BoxDecoration( + color: Color(0xFF24CF5F), + borderRadius: BorderRadius.all( + Radius.circular(50)), + boxShadow: [ + BoxShadow( + color: Colors.black.withOpacity(0.3), + spreadRadius: 5, + blurRadius: 7, + offset: Offset(0, 3), // changes position of shadow + ), + ], + + ), + ), + Padding( + padding: EdgeInsets.fromLTRB(0, 10, 10, 0), + child: Row( + mainAxisAlignment: MainAxisAlignment.center, + children: [ + Text( + "Lier compte ", + style: TextStyle(fontFamily: 'DMSans', color: Colors.white ,fontSize: 18, fontWeight: FontWeight.w700), + textAlign: TextAlign.center, + ), + Image.asset( + 'assets/images/spotify_logo.png', + height: 25, + width: 25, + fit: BoxFit.cover, + ), + ], + ),), + + ], + ) + ), + SizedBox(height: 30,), + Container( + child: Align( + alignment: Alignment.center, + child: Image.asset( + 'assets/images/arrow.png', + width: 47, + ), + ), + margin: EdgeInsets.fromLTRB(60, 10, 60, 0), + width: 83, + height: 83, + decoration: BoxDecoration( + color: Color(0xFFEEEEEE), + borderRadius: BorderRadius.all( + Radius.circular(22)), + border: Border.all( + width: 1.5, + color: Colors.white, + ),// Set rounded corner radius + boxShadow: [ + BoxShadow( + color: Colors.black.withOpacity(0.3), + spreadRadius: 5, + blurRadius: 7, + offset: Offset(0, 3), // changes position of shadow + ), + ], + ), + + ), + SizedBox(height: 100,), + Center( + child: RichText( + text: TextSpan( + text: 'Tu as déjà un compte ?', + style: TextStyle(fontFamily: 'DMSans', color: Colors.white, fontWeight: FontWeight.normal, fontSize: 17), /*defining default style is optional */ + children: [ + TextSpan( + text: ' se connecter', + style: TextStyle(fontFamily: 'DMSans', color: Color(0xFF406DE1), fontWeight: FontWeight.normal), + ), + ], + ), + ), + ), + SizedBox(height: 60,), + ], + ), + Align( + alignment: Alignment.topRight, + child: Container( + padding: EdgeInsets.fromLTRB(0, 20, 20, 0), + child: Text("v1.0", + style: TextStyle(fontFamily: 'DMSans', color: Colors.white.withOpacity(0.5) ,fontSize: 17, fontWeight: FontWeight.w700), + ), + ) + ), + + ], + ), + ); + } +}