final_Alhamdulilah

android/app/src/main/AndroidManifest.xml

@@ -5,7 +5,7 @@
     <application
         android:label="Mandoob"
         android:name="${applicationName}"
-        android:icon="@mipmap/ic_launcher">
+        android:icon="@mipmap/launcher_icon">
         <activity
             android:name=".MainActivity"
             android:exported="true"

lib/central_start_of_app/ui_view/glass_view.dart

@@ -0,0 +1,90 @@
+
+// import 'package:hexcolor/hexcolor.dart';
+// import 'package:web_project/fitness_app/fitness_app_theme.dart';
+// import 'package:flutter/material.dart';
+
+// import '../fitness_app_theme.dart';
+
+// class GlassView extends StatelessWidget {
+//   final AnimationController? animationController;
+//   final Animation<double>? animation;
+
+//   const GlassView({Key? key, this.animationController, this.animation})
+//       : super(key: key);
+//   @override
+//   Widget build(BuildContext context) {
+//     return AnimatedBuilder(
+//       animation: animationController!,
+//       builder: (BuildContext context, Widget? child) {
+//         return FadeTransition(
+//           opacity: animation!,
+//           child: new Transform(
+//             transform: new Matrix4.translationValues(
+//                 0.0, 30 * (1.0 - animation!.value), 0.0),
+//             child: Column(
+//               children: <Widget>[
+//                 Padding(
+//                   padding: const EdgeInsets.only(
+//                       left: 24, right: 24, top: 0, bottom: 24),
+//                   child: Stack(
+//                     clipBehavior: Clip.none,
+//                     children: <Widget>[
+//                       Padding(
+//                         padding: const EdgeInsets.only(top: 16),
+//                         child: Container(
+//                           decoration: BoxDecoration(
+//                             color: HexColor("#D7E0F9"),
+//                             borderRadius: BorderRadius.only(
+//                                 topLeft: Radius.circular(8.0),
+//                                 bottomLeft: Radius.circular(8.0),
+//                                 bottomRight: Radius.circular(8.0),
+//                                 topRight: Radius.circular(8.0)),
+//                             // boxShadow: <BoxShadow>[
+//                             //   BoxShadow(
+//                             //       color: FitnessAppTheme.grey.withOpacity(0.2),
+//                             //       offset: Offset(1.1, 1.1),
+//                             //       blurRadius: 10.0),
+//                             // ],
+//                           ),
+//                           child: Column(
+//                             children: <Widget>[
+//                               Padding(
+//                                 padding: const EdgeInsets.only(
+//                                     left: 68, bottom: 12, right: 16, top: 12),
+//                                 child: Text(
+//                                   'Prepare your stomach for lunch with one or two glass of water',
+//                                   textAlign: TextAlign.left,
+//                                   style: TextStyle(
+//                                     fontFamily: FitnessAppTheme.fontName,
+//                                     fontWeight: FontWeight.w500,
+//                                     fontSize: 14,
+//                                     letterSpacing: 0.0,
+//                                     color: FitnessAppTheme.nearlyDarkBlue
+//                                         .withOpacity(0.6),
+//                                   ),
+//                                 ),
+//                               ),
+//                             ],
+//                           ),
+//                         ),
+//                       ),
+//                       Positioned(
+//                         top: -12,
+//                         left: 0,
+//                         child: SizedBox(
+//                           width: 80,
+//                           height: 80,
+//                           child: Image.asset("assets/fitness_app/glass.png"),
+//                         ),
+//                       )
+//                     ],
+//                   ),
+//                 ),
+//               ],
+//             ),
+//           ),
+//         );
+//       },
+//     );
+//   }
+// }

lib/central_start_of_app/ui_view/wave_view.dart

@@ -0,0 +1,279 @@
+// import 'dart:math' as math;
+// import 'package:web_project/central_start_of_app/central_app_theme.dart';
+// import 'package:flutter/material.dart';
+// import 'package:vector_math/vector_math.dart' as vector;
+
+// class WaveView extends StatefulWidget {
+//   final double percentageValue;
+
+//   const WaveView({Key? key, this.percentageValue = 100.0}) : super(key: key);
+//   @override
+//   _WaveViewState createState() => _WaveViewState();
+// }
+
+// class _WaveViewState extends State<WaveView> with TickerProviderStateMixin {
+//   AnimationController? animationController;
+//   AnimationController? waveAnimationController;
+//   Offset bottleOffset1 = Offset(0, 0);
+//   List<Offset> animList1 = [];
+//   Offset bottleOffset2 = Offset(60, 0);
+//   List<Offset> animList2 = [];
+
+//   @override
+//   void initState() {
+//     animationController = AnimationController(
+//         duration: Duration(milliseconds: 2000), vsync: this);
+//     waveAnimationController = AnimationController(
+//         duration: Duration(milliseconds: 2000), vsync: this);
+//     animationController!
+//       ..addStatusListener((status) {
+//         if (status == AnimationStatus.completed) {
+//           animationController?.reverse();
+//         } else if (status == AnimationStatus.dismissed) {
+//           animationController?.forward();
+//         }
+//       });
+//     waveAnimationController!.addListener(() {
+//       animList1.clear();
+//       for (int i = -2 - bottleOffset1.dx.toInt(); i <= 60 + 2; i++) {
+//         animList1.add(
+//           new Offset(
+//             i.toDouble() + bottleOffset1.dx.toInt(),
+//             math.sin((waveAnimationController!.value * 360 - i) %
+//                         360 *
+//                         vector.degrees2Radians) *
+//                     4 +
+//                 (((100 - widget.percentageValue) * 160 / 100)),
+//           ),
+//         );
+//       }
+//       animList2.clear();
+//       for (int i = -2 - bottleOffset2.dx.toInt(); i <= 60 + 2; i++) {
+//         animList2.add(
+//           new Offset(
+//             i.toDouble() + bottleOffset2.dx.toInt(),
+//             math.sin((waveAnimationController!.value * 360 - i) %
+//                         360 *
+//                         vector.degrees2Radians) *
+//                     4 +
+//                 (((100 - widget.percentageValue) * 160 / 100)),
+//           ),
+//         );
+//       }
+//     });
+//     waveAnimationController?.repeat();
+//     animationController?.forward();
+//     super.initState();
+//   }
+
+//   @override
+//   void dispose() {
+//     animationController?.dispose();
+//     waveAnimationController?.dispose();
+//     super.dispose();
+//   }
+
+//   @override
+//   Widget build(BuildContext context) {
+//     return Container(
+//       alignment: Alignment.center,
+//       child: new AnimatedBuilder(
+//         animation: new CurvedAnimation(
+//           parent: animationController!,
+//           curve: Curves.easeInOut,
+//         ),
+//         builder: (context, child) => new Stack(
+//           children: <Widget>[
+//             new ClipPath(
+//               child: new Container(
+//                 decoration: BoxDecoration(
+//                   color: AppTheme.nearlyDarkBlue.withOpacity(0.5),
+//                   borderRadius: BorderRadius.only(
+//                       topLeft: Radius.circular(80.0),
+//                       bottomLeft: Radius.circular(80.0),
+//                       bottomRight: Radius.circular(80.0),
+//                       topRight: Radius.circular(80.0)),
+//                   gradient: LinearGradient(
+//                     colors: [
+//                       AppTheme.nearlyDarkBlue.withOpacity(0.2),
+//                       AppTheme.nearlyDarkBlue.withOpacity(0.5)
+//                     ],
+//                     begin: Alignment.topLeft,
+//                     end: Alignment.bottomRight,
+//                   ),
+//                 ),
+//               ),
+//               clipper: new WaveClipper(animationController!.value, animList1),
+//             ),
+//             new ClipPath(
+//               child: new Container(
+//                 decoration: BoxDecoration(
+//                   color: AppTheme.nearlyDarkBlue,
+//                   gradient: LinearGradient(
+//                     colors: [
+//                       AppTheme.nearlyDarkBlue.withOpacity(0.4),
+//                       AppTheme.nearlyDarkBlue
+//                     ],
+//                     begin: Alignment.topLeft,
+//                     end: Alignment.bottomRight,
+//                   ),
+//                   borderRadius: BorderRadius.only(
+//                       topLeft: Radius.circular(80.0),
+//                       bottomLeft: Radius.circular(80.0),
+//                       bottomRight: Radius.circular(80.0),
+//                       topRight: Radius.circular(80.0)),
+//                 ),
+//               ),
+//               clipper: new WaveClipper(animationController!.value, animList2),
+//             ),
+//             Padding(
+//               padding: const EdgeInsets.only(top: 48),
+//               child: Center(
+//                 child: Row(
+//                   mainAxisAlignment: MainAxisAlignment.center,
+//                   crossAxisAlignment: CrossAxisAlignment.start,
+//                   children: <Widget>[
+//                     Text(
+//                       widget.percentageValue.round().toString(),
+//                       textAlign: TextAlign.center,
+//                       style: TextStyle(
+//                         fontFamily: AppTheme.fontName,
+//                         fontWeight: FontWeight.w500,
+//                         fontSize: 24,
+//                         letterSpacing: 0.0,
+//                         color: AppTheme.white,
+//                       ),
+//                     ),
+//                     Padding(
+//                       padding: const EdgeInsets.only(top: 3.0),
+//                       child: Text(
+//                         '%',
+//                         textAlign: TextAlign.center,
+//                         style: TextStyle(
+//                           fontFamily: AppTheme.fontName,
+//                           fontWeight: FontWeight.w500,
+//                           fontSize: 14,
+//                           letterSpacing: 0.0,
+//                           color: AppTheme.white,
+//                         ),
+//                       ),
+//                     ),
+//                   ],
+//                 ),
+//               ),
+//             ),
+//             Positioned(
+//               top: 0,
+//               left: 6,
+//               bottom: 8,
+//               child: new ScaleTransition(
+//                 alignment: Alignment.center,
+//                 scale: Tween(begin: 0.0, end: 1.0).animate(CurvedAnimation(
+//                     parent: animationController!,
+//                     curve: Interval(0.0, 1.0, curve: Curves.fastOutSlowIn))),
+//                 child: Container(
+//                   width: 2,
+//                   height: 2,
+//                   decoration: BoxDecoration(
+//                     color: AppTheme.white.withOpacity(0.4),
+//                     shape: BoxShape.circle,
+//                   ),
+//                 ),
+//               ),
+//             ),
+//             Positioned(
+//               left: 24,
+//               right: 0,
+//               bottom: 16,
+//               child: new ScaleTransition(
+//                 alignment: Alignment.center,
+//                 scale: Tween(begin: 0.0, end: 1.0).animate(CurvedAnimation(
+//                     parent: animationController!,
+//                     curve: Interval(0.4, 1.0, curve: Curves.fastOutSlowIn))),
+//                 child: Container(
+//                   width: 4,
+//                   height: 4,
+//                   decoration: BoxDecoration(
+//                     color: AppTheme.white.withOpacity(0.4),
+//                     shape: BoxShape.circle,
+//                   ),
+//                 ),
+//               ),
+//             ),
+//             Positioned(
+//               left: 0,
+//               right: 24,
+//               bottom: 32,
+//               child: new ScaleTransition(
+//                 alignment: Alignment.center,
+//                 scale: Tween(begin: 0.0, end: 1.0).animate(CurvedAnimation(
+//                     parent: animationController!,
+//                     curve: Interval(0.6, 0.8, curve: Curves.fastOutSlowIn))),
+//                 child: Container(
+//                   width: 3,
+//                   height: 3,
+//                   decoration: BoxDecoration(
+//                     color: AppTheme.white.withOpacity(0.4),
+//                     shape: BoxShape.circle,
+//                   ),
+//                 ),
+//               ),
+//             ),
+//             Positioned(
+//               top: 0,
+//               right: 20,
+//               bottom: 0,
+//               child: new Transform(
+//                 transform: new Matrix4.translationValues(
+//                     0.0, 16 * (1.0 - animationController!.value), 0.0),
+//                 child: Container(
+//                   width: 4,
+//                   height: 4,
+//                   decoration: BoxDecoration(
+//                     color: AppTheme.white.withOpacity(
+//                         animationController!.status == AnimationStatus.reverse
+//                             ? 0.0
+//                             : 0.4),
+//                     shape: BoxShape.circle,
+//                   ),
+//                 ),
+//               ),
+//             ),
+//             Column(
+//               children: <Widget>[
+//                 AspectRatio(
+//                   aspectRatio: 1,
+//                   child: Image.asset("assets/fitness_app/bottle.png"),
+//                 ),
+//               ],
+//             )
+//           ],
+//         ),
+//       ),
+//     );
+//   }
+// }
+
+// class WaveClipper extends CustomClipper<Path> {
+//   final double animation;
+
+//   List<Offset> waveList1 = [];
+
+//   WaveClipper(this.animation, this.waveList1);
+
+//   @override
+//   Path getClip(Size size) {
+//     Path path = new Path();
+
+//     path.addPolygon(waveList1, false);
+
+//     path.lineTo(size.width, size.height);
+//     path.lineTo(0.0, size.height);
+//     path.close();
+//     return path;
+//   }
+
+//   @override
+//   bool shouldReclip(WaveClipper oldClipper) =>
+//       animation != oldClipper.animation;
+// }