feat: Add signup screen.

feat: Add signup screen.

Author: praeclarumjj3

.github/workflows/ci.yml

@@ -17,6 +17,7 @@ jobs:
           java-version: '12.x'
       - uses: subosito/flutter-action@v1
         with:
+          flutter-version: "2.10.0"
           channel: "stable"
 
       # Prepare Flutter
@@ -41,6 +42,7 @@ jobs:
           java-version: '12.x'
       - uses: subosito/flutter-action@v1
         with:
+          flutter-version: "2.10.0"
           channel: "stable"
 
       # Prepare Flutter
@@ -63,6 +65,7 @@ jobs:
           java-version: '12.x'
       - uses: subosito/flutter-action@v1
         with:
+          flutter-version: "2.10.0"
           channel: "stable"
 
       # Prepare Flutter

android/app/src/main/AndroidManifest.xml

@@ -33,7 +33,11 @@
                 <category android:name="android.intent.category.LAUNCHER"/>
             </intent-filter>
         </activity>
-        <!-- Don't delete the meta-data below.
+       <activity
+           android:name="com.yalantis.ucrop.UCropActivity"
+           android:screenOrientation="portrait"
+           android:theme="@style/Theme.AppCompat.Light.NoActionBar"/>
+       <!-- Don't delete the meta-data below.
              This is used by the Flutter tool to generate GeneratedPluginRegistrant.java -->
         <meta-data
             android:name="flutterEmbedding"

assets/app/icons/arrow-backward.svg

@@ -6,7 +6,9 @@ class AppAssets {
   static const String _platformIconRoot = '$_imagesRoot/platforms';
 
   // Icons
+  static const String arrowBackward = '$_iconsRoot/arrow-backward.svg';
   static const String arrowForward = '$_iconsRoot/arrow-forward.svg';
+  static const String defaultUserIcon = '$_iconsRoot/default_user_icon.svg';
   static const String eyeOn = '$_iconsRoot/eye-on.svg';
   static const String eyeOff = '$_iconsRoot/eye-off.svg';
   static const String lock = '$_iconsRoot/lock.svg';
@@ -31,17 +33,18 @@ class AppAssets {
       '$_illustrationsRoot/feed_card.png';
   static const String profileIllustration = '$_illustrationsRoot/profile.png';
 
-  /// BottomNavigationBar Icons
+  // BottomNavigationBar Icons
   static const String feed = '$_iconsRoot/feed.svg';
   static const String contest = '$_iconsRoot/contest.svg';
   static const String search = '$_iconsRoot/search.svg';
   static const String profile = '$_iconsRoot/profile.svg';
 
-  /// Platform Icons
+  // Platform icons
   static const String codechef = '$_platformIconRoot/codechef.png';
   static const String codeforces = '$_platformIconRoot/codeforces.png';
   static const String hackerRank = '$_platformIconRoot/hacker_rank.png';
   static const String hackerEarth = '$_platformIconRoot/hacker_earth.png';
   static const String spoj = '$_platformIconRoot/spoj.png';
+  static const String leetCode = '$_platformIconRoot/leetcode.png';
   static const String otherPlatform = '$_platformIconRoot/other_platform.jpg';
 }

assets/app/images/platforms/leetcode.png

@@ -14,5 +14,4 @@ class AppColors {
 
   static const Color primary = Color(0xFF3366FF);
   static const Color primaryAccent = Color(0x0D3366FF);
-  static const Color primaryBlack = Color(0xFF242424);
 }

lib/data/constants/assets.dart

@@ -7,6 +7,7 @@ class AppRoutes {
   static const String login = '/login';
   static const String signUp = '/signup';
   static const String onboarding = '/onboarding';
+  static const String verify = '/verify';
 
   // Post-Auth
   static const String home = '/home';

lib/data/constants/colors.dart

@@ -7,13 +7,30 @@ class AppStrings {
   static const String recentSearchKey = 'recent_search';
 
   // Error
+  static const String similarUserExists = 'This user already exists. '
+      'Please choose different email or username.';
   static const String genericError = 'Something went wrong';
   static const String incorrectCredentials = 'Incorrect credentials';
+  static const String duplicateEmail =
+      'This email is already in use. Use another email or log in';
   static const String noUserWithEmail =
       'No user associated with given email address';
   static const String passwordResetSuccess =
-      'Success! Please check your email for a password reset link';
+      'Successful! Please check your email for a password reset link';
+  static const String signUpSuccess =
+      'You are almost done with the sign up process. '
+      'Please check your email to verify this account';
+  static const String duplicateUsername =
+      'This username is already in use. Choose another username or log in';
   static const String verifyFirst =
-      'Please verify your email before attempting to log in\n'
+      'Please verify your email before attempting to log in. '
       'Check your email for the verification link';
+  static const String wrongFormValues =
+      'Please fill all required values in the form correctly';
+
+  // Misc.
+  static const String emailValidationRegex =
+      r'^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))'
+      r'@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|'
+      r'(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$';
 }

lib/data/constants/routes.dart

@@ -15,7 +15,7 @@ class AppStyles {
     fontWeight: FontWeight.w900,
   );
   static final TextStyle h4 = TextStyle(
-    color: AppColors.primaryBlack,
+    color: AppColors.grey3,
     fontSize: 18.sp,
     fontWeight: FontWeight.w500,
   );

lib/data/constants/strings.dart

@@ -0,0 +1,38 @@
+import 'dart:io';
+
+import 'package:image_cropper/image_cropper.dart';
+import 'package:image_picker/image_picker.dart';
+
+/// Uses [ImagePicker] and [ImageCropper] packages to pick and crop a photo from the phone gallery
+class ImageService {
+  /// Service initializer
+  static void init() {
+    _imagePicker = ImagePicker();
+    _imageCropper = ImageCropper();
+  }
+
+  // Data
+  /// The [ImagePicker] instance which is used to access the image methods.
+  static late final ImagePicker _imagePicker;
+
+  /// The [ImageCropper] instance which is used to access the image methods.
+  static late final ImageCropper _imageCropper;
+
+  // Methods
+  /// Allows the user to pick and crop a picture to use as their profile image.
+  static Future<File?> pickProfileImage() async {
+    final image = await _imagePicker.pickImage(source: ImageSource.gallery);
+
+    if (image == null) return null;
+
+    final croppedImage = await _imageCropper.cropImage(
+      sourcePath: image.path,
+      aspectRatio: const CropAspectRatio(ratioX: 1, ratioY: 1),
+      compressQuality: 100,
+      maxHeight: 1000,
+      maxWidth: 1000,
+      compressFormat: ImageCompressFormat.png,
+    );
+    return croppedImage;
+  }
+}