diff --git a/android/app/src/main/AndroidManifest.xml b/android/app/src/main/AndroidManifest.xml
index 609e8ad..3a0f393 100644
--- a/android/app/src/main/AndroidManifest.xml
+++ b/android/app/src/main/AndroidManifest.xml
@@ -1,8 +1,8 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
     package="com.example.contacts_01">
    <application
-        android:label="contacts_01"
-        android:icon="@mipmap/ic_launcher">
+        android:label="Weather"
+        android:icon="@mipmap/launcher_icon">
         <activity
             android:name=".MainActivity"
             android:launchMode="singleTop"
diff --git a/android/app/src/main/res/drawable-hdpi/splash.png b/android/app/src/main/res/drawable-hdpi/splash.png
new file mode 100644
index 0000000..97b8bee
Binary files /dev/null and b/android/app/src/main/res/drawable-hdpi/splash.png differ
diff --git a/android/app/src/main/res/drawable-mdpi/splash.png b/android/app/src/main/res/drawable-mdpi/splash.png
new file mode 100644
index 0000000..a6c51ec
Binary files /dev/null and b/android/app/src/main/res/drawable-mdpi/splash.png differ
diff --git a/android/app/src/main/res/drawable-v21/background.png b/android/app/src/main/res/drawable-v21/background.png
new file mode 100644
index 0000000..e29b3b5
Binary files /dev/null and b/android/app/src/main/res/drawable-v21/background.png differ
diff --git a/android/app/src/main/res/drawable-v21/launch_background.xml b/android/app/src/main/res/drawable-v21/launch_background.xml
index f74085f..3fe6b2e 100644
--- a/android/app/src/main/res/drawable-v21/launch_background.xml
+++ b/android/app/src/main/res/drawable-v21/launch_background.xml
@@ -1,12 +1,9 @@
 <?xml version="1.0" encoding="utf-8"?>
-<!-- Modify this file to customize your launch splash screen -->
 <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
-    <item android:drawable="?android:colorBackground" />
-
-    <!-- You can insert your own image assets here -->
-    <!-- <item>
-        <bitmap
-            android:gravity="center"
-            android:src="@mipmap/launch_image" />
-    </item> -->
-</layer-list>
+    <item>
+        <bitmap android:gravity="fill" android:src="@drawable/background"/>
+    </item>
+    <item>
+        <bitmap android:gravity="center" android:src="@drawable/splash"/>
+    </item>
+</layer-list>
\ No newline at end of file
diff --git a/android/app/src/main/res/drawable-xhdpi/splash.png b/android/app/src/main/res/drawable-xhdpi/splash.png
new file mode 100644
index 0000000..db7f496
Binary files /dev/null and b/android/app/src/main/res/drawable-xhdpi/splash.png differ
diff --git a/android/app/src/main/res/drawable-xxhdpi/splash.png b/android/app/src/main/res/drawable-xxhdpi/splash.png
new file mode 100644
index 0000000..4ae27ac
Binary files /dev/null and b/android/app/src/main/res/drawable-xxhdpi/splash.png differ
diff --git a/android/app/src/main/res/drawable-xxxhdpi/splash.png b/android/app/src/main/res/drawable-xxxhdpi/splash.png
new file mode 100644
index 0000000..4b607f6
Binary files /dev/null and b/android/app/src/main/res/drawable-xxxhdpi/splash.png differ
diff --git a/android/app/src/main/res/drawable/background.png b/android/app/src/main/res/drawable/background.png
new file mode 100644
index 0000000..e29b3b5
Binary files /dev/null and b/android/app/src/main/res/drawable/background.png differ
diff --git a/android/app/src/main/res/drawable/launch_background.xml b/android/app/src/main/res/drawable/launch_background.xml
index 304732f..3fe6b2e 100644
--- a/android/app/src/main/res/drawable/launch_background.xml
+++ b/android/app/src/main/res/drawable/launch_background.xml
@@ -1,12 +1,9 @@
 <?xml version="1.0" encoding="utf-8"?>
-<!-- Modify this file to customize your launch splash screen -->
 <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
-    <item android:drawable="@android:color/white" />
-
-    <!-- You can insert your own image assets here -->
-    <!-- <item>
-        <bitmap
-            android:gravity="center"
-            android:src="@mipmap/launch_image" />
-    </item> -->
-</layer-list>
+    <item>
+        <bitmap android:gravity="fill" android:src="@drawable/background"/>
+    </item>
+    <item>
+        <bitmap android:gravity="center" android:src="@drawable/splash"/>
+    </item>
+</layer-list>
\ No newline at end of file
diff --git a/android/app/src/main/res/mipmap-hdpi/launcher_icon.png b/android/app/src/main/res/mipmap-hdpi/launcher_icon.png
new file mode 100644
index 0000000..7df0dfe
Binary files /dev/null and b/android/app/src/main/res/mipmap-hdpi/launcher_icon.png differ
diff --git a/android/app/src/main/res/mipmap-mdpi/launcher_icon.png b/android/app/src/main/res/mipmap-mdpi/launcher_icon.png
new file mode 100644
index 0000000..0bae9b5
Binary files /dev/null and b/android/app/src/main/res/mipmap-mdpi/launcher_icon.png differ
diff --git a/android/app/src/main/res/mipmap-xhdpi/launcher_icon.png b/android/app/src/main/res/mipmap-xhdpi/launcher_icon.png
new file mode 100644
index 0000000..2e78675
Binary files /dev/null and b/android/app/src/main/res/mipmap-xhdpi/launcher_icon.png differ
diff --git a/android/app/src/main/res/mipmap-xxhdpi/launcher_icon.png b/android/app/src/main/res/mipmap-xxhdpi/launcher_icon.png
new file mode 100644
index 0000000..99ea2ef
Binary files /dev/null and b/android/app/src/main/res/mipmap-xxhdpi/launcher_icon.png differ
diff --git a/android/app/src/main/res/mipmap-xxxhdpi/launcher_icon.png b/android/app/src/main/res/mipmap-xxxhdpi/launcher_icon.png
new file mode 100644
index 0000000..66074d4
Binary files /dev/null and b/android/app/src/main/res/mipmap-xxxhdpi/launcher_icon.png differ
diff --git a/android/app/src/main/res/values/styles.xml b/android/app/src/main/res/values/styles.xml
index d74aa35..c8a5e60 100644
--- a/android/app/src/main/res/values/styles.xml
+++ b/android/app/src/main/res/values/styles.xml
@@ -5,6 +5,7 @@
         <!-- Show a splash screen on the activity. Automatically removed when
              Flutter draws its first frame -->
         <item name="android:windowBackground">@drawable/launch_background</item>
+        <item name="android:windowFullscreen">false</item>
     </style>
     <!-- Theme applied to the Android Window as soon as the process has started.
          This theme determines the color of the Android Window while your
@@ -15,4 +16,4 @@
     <style name="NormalTheme" parent="@android:style/Theme.Light.NoTitleBar">
         <item name="android:windowBackground">?android:colorBackground</item>
     </style>
-</resources>
+</resources>
\ No newline at end of file
diff --git a/images/100.png b/images/100.png
new file mode 100644
index 0000000..ace2323
Binary files /dev/null and b/images/100.png differ
diff --git a/images/101.png b/images/101.png
new file mode 100644
index 0000000..d530e0d
Binary files /dev/null and b/images/101.png differ
diff --git a/images/102.png b/images/102.png
new file mode 100644
index 0000000..73baab9
Binary files /dev/null and b/images/102.png differ
diff --git a/images/105.png b/images/105.png
new file mode 100644
index 0000000..8f5629b
Binary files /dev/null and b/images/105.png differ
diff --git a/images/11.png b/images/11.png
new file mode 100644
index 0000000..b9f11ec
Binary files /dev/null and b/images/11.png differ
diff --git a/images/12.png b/images/12.png
new file mode 100644
index 0000000..62083f9
Binary files /dev/null and b/images/12.png differ
diff --git a/images/137.png b/images/137.png
new file mode 100644
index 0000000..afad5c7
Binary files /dev/null and b/images/137.png differ
diff --git a/images/14.png b/images/14.png
new file mode 100644
index 0000000..d520063
Binary files /dev/null and b/images/14.png differ
diff --git a/images/151.png b/images/151.png
new file mode 100644
index 0000000..4c5f763
Binary files /dev/null and b/images/151.png differ
diff --git a/images/153.png b/images/153.png
new file mode 100644
index 0000000..f349282
Binary files /dev/null and b/images/153.png differ
diff --git a/images/19.png b/images/19.png
new file mode 100644
index 0000000..f24f166
Binary files /dev/null and b/images/19.png differ
diff --git a/images/25.png b/images/25.png
new file mode 100644
index 0000000..28eff0e
Binary files /dev/null and b/images/25.png differ
diff --git a/images/3.png b/images/3.png
new file mode 100644
index 0000000..757884d
Binary files /dev/null and b/images/3.png differ
diff --git a/images/30.png b/images/30.png
new file mode 100644
index 0000000..591766a
Binary files /dev/null and b/images/30.png differ
diff --git a/images/33.png b/images/33.png
new file mode 100644
index 0000000..8f210aa
Binary files /dev/null and b/images/33.png differ
diff --git a/images/45.png b/images/45.png
new file mode 100644
index 0000000..01c8083
Binary files /dev/null and b/images/45.png differ
diff --git a/images/46.png b/images/46.png
new file mode 100644
index 0000000..e06ffd1
Binary files /dev/null and b/images/46.png differ
diff --git a/images/8.png b/images/8.png
new file mode 100644
index 0000000..d65dc95
Binary files /dev/null and b/images/8.png differ
diff --git a/images/9.png b/images/9.png
new file mode 100644
index 0000000..4622d00
Binary files /dev/null and b/images/9.png differ
diff --git a/images/Rectangle.png b/images/Rectangle.png
new file mode 100644
index 0000000..af4a2b2
Binary files /dev/null and b/images/Rectangle.png differ
diff --git a/images/bag.png b/images/bag.png
new file mode 100644
index 0000000..b9ad0cc
Binary files /dev/null and b/images/bag.png differ
diff --git a/images/bookmark.png b/images/bookmark.png
new file mode 100644
index 0000000..e5d3d71
Binary files /dev/null and b/images/bookmark.png differ
diff --git a/images/facebook.png b/images/facebook.png
new file mode 100644
index 0000000..a366087
Binary files /dev/null and b/images/facebook.png differ
diff --git a/images/games.png b/images/games.png
new file mode 100644
index 0000000..2ffb4d1
Binary files /dev/null and b/images/games.png differ
diff --git a/images/heart.png b/images/heart.png
new file mode 100644
index 0000000..9f9b7c3
Binary files /dev/null and b/images/heart.png differ
diff --git a/images/messenger.png b/images/messenger.png
new file mode 100644
index 0000000..061a0d5
Binary files /dev/null and b/images/messenger.png differ
diff --git a/images/reload.png b/images/reload.png
new file mode 100644
index 0000000..fa76254
Binary files /dev/null and b/images/reload.png differ
diff --git a/images/smile.png b/images/smile.png
new file mode 100644
index 0000000..f4b7748
Binary files /dev/null and b/images/smile.png differ
diff --git a/images/splash.png b/images/splash.png
new file mode 100644
index 0000000..239003d
Binary files /dev/null and b/images/splash.png differ
diff --git a/ios/Runner.xcodeproj/project.pbxproj b/ios/Runner.xcodeproj/project.pbxproj
index 5d430f2..401a460 100644
--- a/ios/Runner.xcodeproj/project.pbxproj
+++ b/ios/Runner.xcodeproj/project.pbxproj
@@ -468,4 +468,4 @@
 /* End XCConfigurationList section */
 	};
 	rootObject = 97C146E61CF9000F007C117D /* Project object */;
-}
+}
\ No newline at end of file
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-1024x1024@1x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-1024x1024@1x.png
index dc9ada4..f3f3c51 100644
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-1024x1024@1x.png and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-1024x1024@1x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@1x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@1x.png
index 28c6bf0..2f82378 100644
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@1x.png and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@1x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@2x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@2x.png
index 2ccbfd9..89543f5 100644
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@2x.png and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@2x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@3x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@3x.png
index f091b6b..39c159b 100644
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@3x.png and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@3x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@1x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@1x.png
index 4cde121..1da8bc4 100644
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@1x.png and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@1x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@2x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@2x.png
index d0ef06e..b2cb763 100644
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@2x.png and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@2x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@3x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@3x.png
index dcdc230..2f63db6 100644
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@3x.png and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@3x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@1x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@1x.png
index 2ccbfd9..89543f5 100644
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@1x.png and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@1x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@2x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@2x.png
index c8f9ed8..2b9fbaa 100644
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@2x.png and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@2x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@3x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@3x.png
index a6d6b86..2069410 100644
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@3x.png and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@3x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@2x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@2x.png
index a6d6b86..2069410 100644
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@2x.png and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@2x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@3x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@3x.png
index 75b2d16..5c7b3c5 100644
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@3x.png and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@3x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@1x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@1x.png
index c4df70d..227c4ab 100644
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@1x.png and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@1x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@2x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@2x.png
index 6a84f41..52d0e63 100644
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@2x.png and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@2x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-83.5x83.5@2x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-83.5x83.5@2x.png
index d0e1f58..65a4ca6 100644
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-83.5x83.5@2x.png and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-83.5x83.5@2x.png differ
diff --git a/ios/Runner/Assets.xcassets/LaunchBackground.imageset/Contents.json b/ios/Runner/Assets.xcassets/LaunchBackground.imageset/Contents.json
new file mode 100644
index 0000000..9f447e1
--- /dev/null
+++ b/ios/Runner/Assets.xcassets/LaunchBackground.imageset/Contents.json
@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "filename" : "background.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/ios/Runner/Assets.xcassets/LaunchBackground.imageset/background.png b/ios/Runner/Assets.xcassets/LaunchBackground.imageset/background.png
new file mode 100644
index 0000000..e29b3b5
Binary files /dev/null and b/ios/Runner/Assets.xcassets/LaunchBackground.imageset/background.png differ
diff --git a/ios/Runner/Assets.xcassets/LaunchImage.imageset/Contents.json b/ios/Runner/Assets.xcassets/LaunchImage.imageset/Contents.json
index 0bedcf2..00cabce 100644
--- a/ios/Runner/Assets.xcassets/LaunchImage.imageset/Contents.json
+++ b/ios/Runner/Assets.xcassets/LaunchImage.imageset/Contents.json
@@ -1,23 +1,23 @@
 {
   "images" : [
     {
-      "idiom" : "universal",
       "filename" : "LaunchImage.png",
+      "idiom" : "universal",
       "scale" : "1x"
     },
     {
-      "idiom" : "universal",
       "filename" : "LaunchImage@2x.png",
+      "idiom" : "universal",
       "scale" : "2x"
     },
     {
-      "idiom" : "universal",
       "filename" : "LaunchImage@3x.png",
+      "idiom" : "universal",
       "scale" : "3x"
     }
   ],
   "info" : {
-    "version" : 1,
-    "author" : "xcode"
+    "author" : "xcode",
+    "version" : 1
   }
 }
diff --git a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png
index 9da19ea..a6c51ec 100644
Binary files a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png and b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png differ
diff --git a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png
index 9da19ea..db7f496 100644
Binary files a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png and b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png differ
diff --git a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png
index 9da19ea..4ae27ac 100644
Binary files a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png and b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png differ
diff --git a/ios/Runner/Base.lproj/LaunchScreen.storyboard b/ios/Runner/Base.lproj/LaunchScreen.storyboard
index f2e259c..587b427 100644
--- a/ios/Runner/Base.lproj/LaunchScreen.storyboard
+++ b/ios/Runner/Base.lproj/LaunchScreen.storyboard
@@ -16,13 +16,19 @@
                     <view key="view" contentMode="scaleToFill" id="Ze5-6b-2t3">
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                         <subviews>
-                            <imageView opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" image="LaunchImage" translatesAutoresizingMaskIntoConstraints="NO" id="YRO-k0-Ey4">
-                            </imageView>
+                            <imageView clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleToFill" image="LaunchBackground" translatesAutoresizingMaskIntoConstraints="NO" id="tWc-Dq-wcI"/>
+                            <imageView opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" image="LaunchImage" translatesAutoresizingMaskIntoConstraints="NO" id="YRO-k0-Ey4"></imageView>
                         </subviews>
                         <color key="backgroundColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                         <constraints>
-                            <constraint firstItem="YRO-k0-Ey4" firstAttribute="centerX" secondItem="Ze5-6b-2t3" secondAttribute="centerX" id="1a2-6s-vTC"/>
-                            <constraint firstItem="YRO-k0-Ey4" firstAttribute="centerY" secondItem="Ze5-6b-2t3" secondAttribute="centerY" id="4X2-HB-R7a"/>
+                            <constraint firstItem="YRO-k0-Ey4" firstAttribute="leading" secondItem="Ze5-6b-2t3" secondAttribute="leading" id="3T2-ad-Qdv"/>
+                            <constraint firstItem="tWc-Dq-wcI" firstAttribute="bottom" secondItem="Ze5-6b-2t3" secondAttribute="bottom" id="RPx-PI-7Xg"/>
+                            <constraint firstItem="tWc-Dq-wcI" firstAttribute="top" secondItem="Ze5-6b-2t3" secondAttribute="top" id="SdS-ul-q2q"/>
+                            <constraint firstAttribute="trailing" secondItem="tWc-Dq-wcI" secondAttribute="trailing" id="Swv-Gf-Rwn"/>
+                            <constraint firstAttribute="trailing" secondItem="YRO-k0-Ey4" secondAttribute="trailing" id="TQA-XW-tRk"/>
+                            <constraint firstItem="YRO-k0-Ey4" firstAttribute="bottom" secondItem="Ze5-6b-2t3" secondAttribute="bottom" id="duK-uY-Gun"/>
+                            <constraint firstItem="tWc-Dq-wcI" firstAttribute="leading" secondItem="Ze5-6b-2t3" secondAttribute="leading" id="kV7-tw-vXt"/>
+                            <constraint firstItem="YRO-k0-Ey4" firstAttribute="top" secondItem="Ze5-6b-2t3" secondAttribute="top" id="xPn-NY-SIU"/>
                         </constraints>
                     </view>
                 </viewController>
@@ -32,6 +38,7 @@
         </scene>
     </scenes>
     <resources>
-        <image name="LaunchImage" width="168" height="185"/>
+        <image name="LaunchImage" width="800" height="600"/>
+        <image name="LaunchBackground" width="1" height="1"/>
     </resources>
-</document>
+</document>
\ No newline at end of file
diff --git a/ios/Runner/Info.plist b/ios/Runner/Info.plist
index e2eed25..95a6b0e 100644
--- a/ios/Runner/Info.plist
+++ b/ios/Runner/Info.plist
@@ -1,45 +1,47 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
 <plist version="1.0">
-<dict>
-	<key>CFBundleDevelopmentRegion</key>
-	<string>$(DEVELOPMENT_LANGUAGE)</string>
-	<key>CFBundleExecutable</key>
-	<string>$(EXECUTABLE_NAME)</string>
-	<key>CFBundleIdentifier</key>
-	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
-	<key>CFBundleInfoDictionaryVersion</key>
-	<string>6.0</string>
-	<key>CFBundleName</key>
-	<string>contacts_01</string>
-	<key>CFBundlePackageType</key>
-	<string>APPL</string>
-	<key>CFBundleShortVersionString</key>
-	<string>$(FLUTTER_BUILD_NAME)</string>
-	<key>CFBundleSignature</key>
-	<string>????</string>
-	<key>CFBundleVersion</key>
-	<string>$(FLUTTER_BUILD_NUMBER)</string>
-	<key>LSRequiresIPhoneOS</key>
-	<true/>
-	<key>UILaunchStoryboardName</key>
-	<string>LaunchScreen</string>
-	<key>UIMainStoryboardFile</key>
-	<string>Main</string>
-	<key>UISupportedInterfaceOrientations</key>
-	<array>
-		<string>UIInterfaceOrientationPortrait</string>
-		<string>UIInterfaceOrientationLandscapeLeft</string>
-		<string>UIInterfaceOrientationLandscapeRight</string>
-	</array>
-	<key>UISupportedInterfaceOrientations~ipad</key>
-	<array>
-		<string>UIInterfaceOrientationPortrait</string>
-		<string>UIInterfaceOrientationPortraitUpsideDown</string>
-		<string>UIInterfaceOrientationLandscapeLeft</string>
-		<string>UIInterfaceOrientationLandscapeRight</string>
-	</array>
-	<key>UIViewControllerBasedStatusBarAppearance</key>
-	<false/>
-</dict>
-</plist>
+	<dict>
+		<key>CFBundleDevelopmentRegion</key>
+		<string>$(DEVELOPMENT_LANGUAGE)</string>
+		<key>CFBundleExecutable</key>
+		<string>$(EXECUTABLE_NAME)</string>
+		<key>CFBundleIdentifier</key>
+		<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
+		<key>CFBundleInfoDictionaryVersion</key>
+		<string>6.0</string>
+		<key>CFBundleName</key>
+		<string>contacts_01</string>
+		<key>CFBundlePackageType</key>
+		<string>APPL</string>
+		<key>CFBundleShortVersionString</key>
+		<string>$(FLUTTER_BUILD_NAME)</string>
+		<key>CFBundleSignature</key>
+		<string>????</string>
+		<key>CFBundleVersion</key>
+		<string>$(FLUTTER_BUILD_NUMBER)</string>
+		<key>LSRequiresIPhoneOS</key>
+		<true/>
+		<key>UILaunchStoryboardName</key>
+		<string>LaunchScreen</string>
+		<key>UIMainStoryboardFile</key>
+		<string>Main</string>
+		<key>UISupportedInterfaceOrientations</key>
+		<array>
+			<string>UIInterfaceOrientationPortrait</string>
+			<string>UIInterfaceOrientationLandscapeLeft</string>
+			<string>UIInterfaceOrientationLandscapeRight</string>
+		</array>
+		<key>UISupportedInterfaceOrientations~ipad</key>
+		<array>
+			<string>UIInterfaceOrientationPortrait</string>
+			<string>UIInterfaceOrientationPortraitUpsideDown</string>
+			<string>UIInterfaceOrientationLandscapeLeft</string>
+			<string>UIInterfaceOrientationLandscapeRight</string>
+		</array>
+		<key>UIViewControllerBasedStatusBarAppearance</key>
+		<false/>
+		<key>UIStatusBarHidden</key>
+		<false/>
+	</dict>
+</plist>
\ No newline at end of file
diff --git a/lib/Weather/fetch.dart b/lib/Weather/fetch.dart
new file mode 100644
index 0000000..1fb2741
--- /dev/null
+++ b/lib/Weather/fetch.dart
@@ -0,0 +1,26 @@
+// ignore_for_file: non_constant_identifier_names
+
+import 'dart:convert';
+
+import 'package:flutter/cupertino.dart';
+import 'package:http/http.dart' as http;
+import 'weatherModel.dart';
+
+class FetchAPi {
+  Future<Weather> fetchPost() async {
+    var url = Uri.parse(
+        'https://api.openweathermap.org/data/2.5/weather?q=Baghdad&appid=8b880b9c50c434dea685e64bda04d435');
+    final response = await http.get(url);
+
+    if (response.statusCode == 200) {
+      var responseData = jsonDecode(response.body);
+
+      debugPrint('Response== $responseData');
+      debugPrint('Response== ${responseData.runtimeType}');
+
+      return Weather.fromJson(responseData);
+    } else {
+      throw Exception('Failed to load ');
+    }
+  }
+}
diff --git a/lib/Weather/weatherModel.dart b/lib/Weather/weatherModel.dart
new file mode 100644
index 0000000..25b1508
--- /dev/null
+++ b/lib/Weather/weatherModel.dart
@@ -0,0 +1,49 @@
+// ignore_for_file: file_names, non_constant_identifier_names
+// To parse this JSON data, do
+//
+//     final weather = weatherFromJson(jsonString);
+
+// To parse this JSON data, do
+//
+//     final weather = weatherFromJson(jsonString);
+
+class Weather {
+  String? cityName;
+  double? temp;
+  double? max_temp;
+  double? min_temp;
+  List<dynamic>? weatherDescrip;
+String? country;
+
+  double? wind;
+  int? humidity;
+  double? feels_like;
+  int? pressure;
+
+  Weather({
+    this.cityName,
+    this.temp,
+    this.wind,
+    this.humidity,
+    this.feels_like,
+    this.pressure,
+    this.weatherDescrip,
+    this.max_temp,
+    this.min_temp,
+    this.country
+
+  });
+
+  Weather.fromJson(Map<String, dynamic> json) {
+    cityName = json['name'];
+    temp = json['main']['temp'] - 273;
+    max_temp = json['main']['temp_min'] - 273;
+    min_temp = json['main']['temp_max'] - 273;
+    weatherDescrip = json['weather'];
+    country=json['sys']['country'];
+    wind = json['wind']['speed'];
+    pressure = json['main']['pressure'];
+    humidity = json['main']['humidity'];
+    feels_like = json['main']['feels_like']-273;
+  }
+}
diff --git a/lib/WeekTwoToDoList/addNewNote.dart b/lib/WeekTwoToDoList/addNewNote.dart
new file mode 100644
index 0000000..4694a23
--- /dev/null
+++ b/lib/WeekTwoToDoList/addNewNote.dart
@@ -0,0 +1,97 @@
+// ignore_for_file: file_names
+
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import '';
+
+// ignore: import_of_legacy_library_into_null_safe
+// import 'package:toast/toast.dart';
+import '../main.dart';
+import './dataBaseHelper/dataBaseHelper.dart';
+import './dataBaseHelper/model.dart';
+
+
+// ignore: must_be_immutable
+class AddNote extends StatefulWidget {
+  const AddNote({Key? key}) : super(key: key);
+
+  @override
+  _FirstStageScreenState createState() => _FirstStageScreenState();
+}
+
+class _FirstStageScreenState extends State<AddNote> {
+  // late String noteContent;
+  late String noteContent;
+
+  // int sid = 1;
+
+  late DatabaseHelper helper;
+
+  @override
+  void initState() {
+    super.initState();
+    helper = DatabaseHelper();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    const snackBar = SnackBar(content: Text('Note is Empty!'));
+    return Scaffold(
+      appBar: AppBar(
+        title: const Text("Add Note"),
+        centerTitle: true,
+        leading: IconButton(
+          icon: const Icon(Icons.arrow_back),
+          onPressed: ()async {
+            Model notes = Model(
+                content: noteContent,
+                noteDate: DateTime.now().toIso8601String(),
+                end: 'false');
+            int id = await helper.create(notes);
+            debugPrint('$id');
+            Navigator.of(context).pushReplacement(MaterialPageRoute(
+                builder: (context) => const MyHomePage(
+                  title: 'To Do List',
+                )));
+          },
+        ),
+      ),
+      body: Padding(
+        padding: const EdgeInsets.all(8.0),
+        child: ListView(children: [
+          TextFormField(
+            // style: const TextStyle(color: Colors.white),
+            onChanged: (value) {
+              noteContent = value;
+            },
+            minLines: 2,
+            maxLines: 100,
+            keyboardType: TextInputType.multiline,
+            decoration: const InputDecoration(
+                hintText: 'Enter Your Note ',
+                hintStyle: TextStyle(color: Colors.grey, fontSize: 18),
+                border: OutlineInputBorder(
+                    borderRadius: BorderRadius.all(Radius.circular(20)),
+                    gapPadding: 20)),
+          ),
+          ElevatedButton.icon(
+            icon: const Icon(Icons.save),
+            label: const Text('Save', style: TextStyle(fontSize: 25)),
+            onPressed: () async {
+              Model notes = Model(
+                  content: noteContent,
+                  noteDate: DateTime.now().toIso8601String(),
+                  end: 'false');
+              int id = await helper.create(notes);
+              debugPrint('$id');
+              Navigator.of(context).pushReplacement(MaterialPageRoute(
+                  builder: (context) => const MyHomePage(
+                        title: 'To Do List',
+                      )));
+            },
+          )
+        ]),
+      ),
+    );
+  }
+}
diff --git a/lib/WeekTwoToDoList/cheked.dart b/lib/WeekTwoToDoList/cheked.dart
new file mode 100644
index 0000000..49b9dff
--- /dev/null
+++ b/lib/WeekTwoToDoList/cheked.dart
@@ -0,0 +1,143 @@
+import 'package:flutter/material.dart';
+
+import '../main.dart';
+import 'dataBaseHelper/dataBaseHelper.dart';
+import 'dataBaseHelper/model.dart';
+import 'edit.dart';
+
+class Checked extends StatefulWidget {
+  const Checked({Key? key}) : super(key: key);
+
+  @override
+  _CheckedState createState() => _CheckedState();
+}
+
+
+class _CheckedState extends State<Checked> {
+  late DatabaseHelper helper;
+
+  @override
+  void initState() {
+    super.initState();
+    helper = DatabaseHelper();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return buildDataRetriveFutureBuilder();
+  }
+  FutureBuilder<List<dynamic>> buildDataRetriveFutureBuilder() {
+    return FutureBuilder(
+      future: helper.checkedNotes(),
+      builder: (context, AsyncSnapshot snapshot) {
+        if (!snapshot.hasData) {
+          return const Center(
+            child: CircularProgressIndicator(),
+          );
+        } else {
+          return ListView.builder(
+              itemCount: snapshot.data.length,
+              itemBuilder: (context, i) {
+                Model savedNote = Model.fromMap(snapshot.data[i]);
+
+                return Card(
+                  child: InkWell(
+                    onTap: () {
+                      Navigator.pushReplacement(context,
+                          MaterialPageRoute(builder: (context) {
+                            return EditPage(savedNote, savedNote.ID);
+                          }));
+                    },
+                    child: Padding(
+                      padding: const EdgeInsets.all(20),
+                      child: Row(
+                        children: [
+                          Expanded(
+                            child: Text(
+                              savedNote.content,
+                              maxLines: 1,
+                              softWrap: true,
+                              overflow: TextOverflow.ellipsis,
+                              style: const TextStyle(fontSize: 15),
+                            ),
+                          ),
+                          Expanded(
+                            child:
+                            Text('Work has been completed in ${savedNote.noteDate.split('T').first}'),
+                          ),
+                          IconButton(
+                            icon: const Icon(Icons.remove_circle_outline),
+                            onPressed: () {
+                              setState(() {
+
+                                final AlertDialog alert = AlertDialog(
+                                  title: const Text("Are you sure?"),
+                                  content: SizedBox(
+                                      height: 95,
+                                      child: Column(
+                                        children: [
+                                          const Divider(color: Colors.red),
+                                          const Text(
+                                              "Are you sure you want to delete?"),
+                                          const SizedBox(height: 10),
+                                          Row(
+                                            children: [
+                                              ElevatedButton.icon(
+                                                icon: const Icon(Icons.arrow_back_ios),
+
+                                                style: ButtonStyle(
+                                                    backgroundColor: MaterialStateProperty.all(Colors.greenAccent)
+                                                ),
+                                                label: const Text(
+                                                  "Cancel",
+                                                  style: TextStyle(color: Colors.white),
+                                                ),
+                                                onPressed: () {
+                                                  setState(() {
+                                                    Navigator.pop(context);
+                                                  });
+                                                },
+                                              ),
+                                              const Expanded(child: SizedBox()),
+                                              ElevatedButton.icon(
+                                                icon: const Icon( Icons.delete),
+                                                style: ButtonStyle(
+                                                    backgroundColor: MaterialStateProperty.all(Colors.redAccent)
+                                                ),
+                                                label: const Text(
+                                                  "Delete",
+                                                  style: TextStyle(color: Colors.white),
+                                                ),
+                                                onPressed: () {
+                                                  setState(() {
+                                                    helper.delete(savedNote.ID);
+                                                    Navigator.pushReplacement(
+                                                        context,
+                                                        MaterialPageRoute(
+                                                            builder: (context) =>
+                                                            const MyHomePage(title: 'To Do List')));
+                                                  });
+                                                },
+                                              ),
+                                            ],
+                                          ),
+                                        ],
+                                      )),
+                                );
+                                showDialog(context: context, builder: (context)=>alert);
+
+                              });
+                            },
+                          ),
+                        ],
+                      ),
+                    ),
+                  ),
+                );
+              });
+        }
+      },
+    );
+  }
+
+}
diff --git a/lib/WeekTwoToDoList/dataBaseHelper/dataBaseHelper.dart b/lib/WeekTwoToDoList/dataBaseHelper/dataBaseHelper.dart
new file mode 100644
index 0000000..b3ed0e5
--- /dev/null
+++ b/lib/WeekTwoToDoList/dataBaseHelper/dataBaseHelper.dart
@@ -0,0 +1,74 @@
+// ignore_for_file: unused_import, file_names
+
+import 'package:flutter/material.dart';
+import '../dataBaseHelper/model.dart';
+import 'dart:async';
+import 'dart:io';
+import 'package:path/path.dart';
+import 'package:sqflite/sqflite.dart';
+import 'package:flutter/widgets.dart';
+
+class DatabaseHelper {
+
+  static final DatabaseHelper _instance = DatabaseHelper.internal();
+  factory DatabaseHelper() => _instance;
+  DatabaseHelper.internal();
+  // static late Database _db;
+  Future<Database> createDAtabase() async {
+
+    final _db = openDatabase(
+      // Set the path to the database. Note: Using the `join` function from the
+      // `path` package is best practice to ensure the path is correctly
+      // constructed for each platform.
+      join(await getDatabasesPath(), 'notes.Db'),
+      // When the database is first created, create a table to store dogs.
+      onCreate: (db, version) {
+        // Run the CREATE TABLE statement on the database.
+        return db.execute(
+          'create table ToDo(ID integer primary key autoincrement,  content TEXT,noteDate TEXT,isChecked TEXT)',
+        );
+      },
+      // Set the version. This executes the onCreate function and provides a
+      // path to perform database upgrades and downgrades.
+      version: 1,
+    );
+    //define the path to the database
+  //   String path = join(await getDatabasesPath(), 'toDoDb');
+  //   _db = await openDatabase(path, version: 1, onCreate: (Database db, int v) {
+  //     //create tables
+  //     return db.execute(
+  //         'create table toDo(ID integer primary key autoincrement,  content TEXT)');
+  //   });
+  return _db;
+  }
+
+  Future<int> create(Model model) async {
+    Database db = await createDAtabase();
+    return db.insert('ToDo', model.toMap(),conflictAlgorithm: ConflictAlgorithm.replace,);
+  }
+
+
+  Future<List> allNotes() async {
+    Database db = await createDAtabase();
+    return db.query('ToDo',where: 'isChecked=?',whereArgs: ['false']);
+  }
+  Future<List> checkedNotes() async {
+    Database db = await createDAtabase();
+    return db.query('ToDo',where: 'isChecked=?',whereArgs: ['true']);
+  }
+  Future<int> delete(int id) async {
+    Database db = await createDAtabase();
+    return db.delete('ToDo', where: 'ID=?', whereArgs: [id]);
+  }
+
+  Future<int> edit(Model model) async {
+    Database db = await createDAtabase();
+    return await db.update('ToDo', model.toMap(),
+        where: 'ID = ?', whereArgs: [model.id]);
+  }
+  Future<int> editCheck(Model model) async {
+    Database db = await createDAtabase();
+    return await db.update('ToDo', model.toMap(),
+        where: 'ID = ?', whereArgs: [model.id]);
+  }
+}
diff --git a/lib/WeekTwoToDoList/dataBaseHelper/model.dart b/lib/WeekTwoToDoList/dataBaseHelper/model.dart
new file mode 100644
index 0000000..0b0d1a5
--- /dev/null
+++ b/lib/WeekTwoToDoList/dataBaseHelper/model.dart
@@ -0,0 +1,32 @@
+class Model {
+  late int? id;
+  late String content;
+  late String noteDate;
+  late String? end;
+
+  Model({this.id, required this.content, required this.noteDate,required this.end});
+
+  Model.fromMap(Map data) {
+    id = data['ID'];
+    content = data['content'];
+    noteDate = data['noteDate'];
+    end = data['isChecked'];
+  }
+
+  // Convert a Dog into a Map. The keys must correspond to the names of the
+  // columns in the database.
+  Map<String, dynamic> toMap() {
+    return {'ID': id, 'content': content, 'noteDate': noteDate,'isChecked':end};
+  }
+
+  // Implement toString to make it easier to see information about
+  // each dog when using the print statement.
+  @override
+  String toString() {
+    return 'toDO{id: $id, name: $content,noteDate:$noteDate,isChecked:$end}';
+  }
+
+  get ID => id;
+
+  get dateOfTheNote => noteDate;
+}
diff --git a/lib/WeekTwoToDoList/edit.dart b/lib/WeekTwoToDoList/edit.dart
new file mode 100644
index 0000000..73f746a
--- /dev/null
+++ b/lib/WeekTwoToDoList/edit.dart
@@ -0,0 +1,87 @@
+import 'package:flutter/material.dart';
+import '../main.dart';
+import './dataBaseHelper/dataBaseHelper.dart';
+import './dataBaseHelper/model.dart';
+
+// ignore: must_be_immutable
+class EditPage extends StatefulWidget {
+  Model model;
+  int noteID;
+
+  EditPage(this.model, this.noteID, {Key? key}) : super(key: key);
+
+  @override
+  _EditPageState createState() => _EditPageState();
+}
+
+class _EditPageState extends State<EditPage> {
+
+  TextEditingController noteContent = TextEditingController();
+
+  late DatabaseHelper helper;
+
+  @override
+  void initState() {
+    super.initState();
+    helper = DatabaseHelper();
+    noteContent.text = widget.model.content;
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+        appBar: AppBar(
+          title: const Text('Edit Note'),
+          leading: IconButton(
+            icon: const Icon(Icons.arrow_back),
+            onPressed: () {
+              // print("ID= ${widget.model.id}");
+              var editNote = Model(
+                  id: widget.model.id,
+                  content: noteContent.text,
+                  noteDate: DateTime.now().toIso8601String(),
+                  end: 'false'
+              );
+
+              helper.edit(editNote);
+              Navigator.of(context).pushReplacement(MaterialPageRoute(
+                  builder: (context) => const MyHomePage(title: 'To Do List ')));
+            },
+          ),
+        ),
+        body: Padding(
+          padding: const EdgeInsets.all(12.0),
+          child: ListView(
+            children: <Widget>[
+              TextField(
+                controller: noteContent,
+decoration: const InputDecoration(
+    border: OutlineInputBorder(
+        borderRadius: BorderRadius.all(Radius.circular(20)),
+        gapPadding: 20
+    )
+),
+              ),
+
+              ElevatedButton.icon(
+                icon: const Icon(Icons.save),
+                label: const Text('Save', style: TextStyle(fontSize: 25)),
+                onPressed: () {
+                  // print("ID= ${widget.model.id}");
+                  var editNote = Model(
+                    id: widget.model.id,
+                    content: noteContent.text,
+                    noteDate: DateTime.now().toIso8601String(),
+                    end: 'false'
+                  );
+
+                  helper.edit(editNote);
+                  Navigator.of(context).pushReplacement(MaterialPageRoute(
+                      builder: (context) => const MyHomePage(title: 'To Do List ')));
+                },
+              ),
+            ],
+          ),
+        ));
+  }
+}
diff --git a/lib/WeekTwoToDoList/generated_plugin_registrant.dart b/lib/WeekTwoToDoList/generated_plugin_registrant.dart
new file mode 100644
index 0000000..19f9c75
--- /dev/null
+++ b/lib/WeekTwoToDoList/generated_plugin_registrant.dart
@@ -0,0 +1,16 @@
+//
+// Generated file. Do not edit.
+//
+
+// ignore_for_file: directives_ordering
+// ignore_for_file: lines_longer_than_80_chars
+
+import 'package:fluttertoast/fluttertoast_web.dart';
+
+import 'package:flutter_web_plugins/flutter_web_plugins.dart';
+
+// ignore: public_member_api_docs
+void registerPlugins(Registrar registrar) {
+  FluttertoastWebPlugin.registerWith(registrar);
+  registrar.registerMessageHandler();
+}
diff --git a/lib/WeekTwoToDoList/main.dart b/lib/WeekTwoToDoList/main.dart
new file mode 100644
index 0000000..768f098
--- /dev/null
+++ b/lib/WeekTwoToDoList/main.dart
@@ -0,0 +1,221 @@
+import 'package:flutter/material.dart';
+import 'dart:async';
+
+import 'package:path/path.dart';
+import 'package:sqflite/sqflite.dart';
+import 'addNewNote.dart';
+import 'cheked.dart';
+import 'dataBaseHelper/model.dart';
+import 'edit.dart';
+
+
+import 'dataBaseHelper/dataBaseHelper.dart';
+
+
+void main() async {
+  runApp(const MyApp());
+  WidgetsFlutterBinding.ensureInitialized();
+}
+
+class MyApp extends StatelessWidget {
+  const MyApp({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+      debugShowCheckedModeBanner: false,
+      title: 'Flutter Demo',
+      theme: ThemeData(
+        primarySwatch: Colors.amber,
+      ),
+      home: const MyHomePage(title: 'To Do List'),
+    );
+  }
+}
+
+class MyHomePage extends StatefulWidget {
+  const MyHomePage({Key? key, required this.title}) : super(key: key);
+
+  final String title;
+
+  @override
+  State<MyHomePage> createState() => _MyHomePageState();
+}
+
+class _MyHomePageState extends State<MyHomePage> {
+  late DatabaseHelper helper;
+  bool isChecked = false;
+
+  @override
+  void initState() {
+    super.initState();
+    helper = DatabaseHelper();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return DefaultTabController(
+      length: 2,
+      child: Scaffold(
+        appBar: AppBar(
+          title: Text(widget.title),
+          centerTitle: true,
+          bottom: const TabBar(
+            tabs: [
+              Icon(Icons.note),
+              Icon(Icons.check_box_outlined),
+            ],
+          ),
+        ),
+        body: TabBarView(children: [
+          buildDataRetriveFutureBuilder(),
+          const Checked(),
+        ]),
+        floatingActionButton: FloatingActionButton(
+          onPressed: () {
+            Navigator.of(context).pushReplacement(
+                MaterialPageRoute(builder: (context) => const AddNote()));
+          },
+          tooltip: 'Add',
+          child: const Icon(Icons.add),
+        ),
+      ),
+    );
+  }
+
+  FutureBuilder<List<dynamic>> buildDataRetriveFutureBuilder() {
+    return FutureBuilder(
+      future: helper.allNotes(),
+      builder: (context, AsyncSnapshot snapshot) {
+        if (!snapshot.hasData) {
+          return const Center(
+            child: CircularProgressIndicator(),
+          );
+        } else {
+          return ListView.builder(
+              itemCount: snapshot.data.length,
+              itemBuilder: (context, i) {
+                Model savedNote = Model.fromMap(snapshot.data[i]);
+
+                return Card(
+                  child: InkWell(
+                    onTap: () {
+                      Navigator.pushReplacement(context,
+                          MaterialPageRoute(builder: (context) {
+                        return EditPage(savedNote, savedNote.ID);
+                      }));
+                    },
+                    child: Padding(
+                      padding: const EdgeInsets.all(20),
+                      child: Row(
+                        children: [
+                          Expanded(
+                            child: Text(
+                              savedNote.content,
+                              maxLines: 1,
+                              softWrap: true,
+                              overflow: TextOverflow.ellipsis,
+                              style: const TextStyle(fontSize: 20),
+                            ),
+                          ),
+                          Expanded(
+                            child: Text(savedNote.noteDate.split('T').first),
+                          ),
+                          IconButton(
+                            icon: const Icon(Icons.remove_circle_outline),
+                            onPressed: () {
+                              setState(() {
+
+
+                                final AlertDialog alert = AlertDialog(
+                                  title: const Text("Are you sure?"),
+                                  content: SizedBox(
+                                      height: 95,
+                                      child: Column(
+                                        children: [
+                                          const Divider(color: Colors.red),
+                                          const Text(
+                                              "Are you sure you want to delete?"),
+                                          const SizedBox(height: 10),
+                                          Row(
+                                            children: [
+                                              ElevatedButton.icon(
+                                                icon: const Icon(Icons.arrow_back_ios),
+
+                                                style: ButtonStyle(
+                                                  backgroundColor: MaterialStateProperty.all(Colors.greenAccent)
+                                                ),
+                                                label: const Text(
+                                                  "Cancel",
+                                                  style: TextStyle(color: Colors.white),
+                                                ),
+                                                onPressed: () {
+                                                  setState(() {
+                                                    Navigator.pop(context);
+                                                  });
+                                                },
+                                              ),
+                                             const Expanded(child: SizedBox()),
+                                              ElevatedButton.icon(
+                                                icon: const Icon( Icons.delete),
+                                                style: ButtonStyle(
+                                                    backgroundColor: MaterialStateProperty.all(Colors.redAccent)
+                                                ),
+                                                label: const Text(
+                                                  "Delete",
+                                                  style: TextStyle(color: Colors.white),
+                                                ),
+                                                onPressed: () {
+                                                  setState(() {
+                                                    helper.delete(savedNote.ID);
+                                                    Navigator.pushReplacement(
+                                                        context,
+                                                        MaterialPageRoute(
+                                                            builder: (context) =>const MyHomePage(title: 'To Do List')));
+                                                  });
+                                                },
+                                              ),
+                                            ],
+                                          ),
+                                        ],
+                                      )),
+                                );
+                                showDialog(context: context, builder: (context)=>alert);
+
+
+                              });
+                            },
+                          ),
+                          Checkbox(
+                              value: isChecked,
+                              onChanged: (val) {
+                                setState(
+                                  () {
+                                    isChecked = val!;
+                                    var editNote = Model(
+                                        id: savedNote.id,
+                                        content: savedNote.content,
+                                        noteDate:
+                                            DateTime.now().toIso8601String(),
+                                        end: 'true');
+
+                                    helper.edit(editNote);
+                                    Navigator.of(context).pushReplacement(
+                                        MaterialPageRoute(
+                                            builder: (context) =>
+                                                const MyHomePage(
+                                                    title: 'To Do List ')));
+                                  },
+                                );
+                              })
+                        ],
+                      ),
+                    ),
+                  ),
+                );
+              });
+        }
+      },
+    );
+  }
+}
diff --git a/lib/main.dart b/lib/main.dart
index 2c084ed..40a5edc 100644
--- a/lib/main.dart
+++ b/lib/main.dart
@@ -1,255 +1,196 @@
-import 'package:flutter/material.dart';
-import 'dart:math' as math;
-void main() {
-  runApp(const MyApp());
-}
-
-class Contact {
-  String image;
-  String name;
-  String mobileNumber;
-  DateTime date;
-  bool isIncoming;
-
-  Contact(this.image, this.name, this.mobileNumber, this.date, this.isIncoming);
-}
-
-class MyApp extends StatelessWidget {
-  const MyApp({Key? key}) : super(key: key);
-
-  @override
-  Widget build(BuildContext context) {
-    return MaterialApp(
-      title: 'Flutter Demo 2',
-      theme: ThemeData(
-        primarySwatch: Colors.blue,
-      ),
-      debugShowCheckedModeBanner: false,
-      home: const MyHomePage(title: 'Contacts App'),
-    );
-  }
-}
-
-class MyHomePage extends StatefulWidget {
-  const MyHomePage({Key? key, required this.title}) : super(key: key);
-
-  final String title;
-
-  @override
-  State<MyHomePage> createState() => _MyHomePageState();
-}
-
-class _MyHomePageState extends State<MyHomePage> {
-  int _selectedIndex = 2;
-  static const TextStyle optionStyle =
-  TextStyle(fontSize: 30, fontWeight: FontWeight.bold);
-  static late List<Widget> _pages;
-
-  _MyHomePageState() {
-    _pages = [
-      buildContactsList(),
-      buildFavoritesGridView(),
-      // Text('hello'),
-      Text(
-        'Index 2: School',
-        style: optionStyle,
-      ),
-    ];
-  }
-
-  void _onItemTapped(int index) {
-    setState(() {
-      _selectedIndex = index;
-    });
-  }
-
-  var contacts = [
-    Contact(
-      'https://i.pravatar.cc/300',
-      'Ahmed',
-      '71766137347',
-      DateTime.now().add(
-        const Duration(seconds: 3),
-      ),
-      true,
-    ),
-    Contact(
-      'https://i.pravatar.cc/301',
-      'Ali',
-      '71766137347',
-      DateTime.now().add(
-        const Duration(days: 1),
-      ),
-      false,
-    ),
-    Contact(
-      'https://i.pravatar.cc/302',
-      'Kamal',
-      '71766137347',
-      DateTime.now().add(
-        const Duration(days: 3),
-      ),
-      true,
-    ),
-    Contact(
-      'https://i.pravatar.cc/303',
-      'Mohammad',
-      '71766137347',
-      DateTime.now().add(
-        const Duration(days: 5),
-      ),
-      true,
-    ),
-    Contact(
-      'https://i.pravatar.cc/304',
-      'Mohammad',
-      '71766137347',
-      DateTime.now().add(
-        const Duration(days: 5),
-      ),
-      false,
-    ),
-    Contact(
-      'https://i.pravatar.cc/305',
-      'Hussein',
-      '71766137347',
-      DateTime.now().add(
-        const Duration(days: 6),
-      ),
-      false,
-    ),
-    Contact(
-      'https://i.pravatar.cc/306',
-      'Aboud',
-      '71766137347',
-      DateTime.now().add(
-        const Duration(days: 7),
-      ),
-      false,
-    ),
-    Contact(
-      'https://i.pravatar.cc/307',
-      'Osama',
-      '71766137347',
-      DateTime.now().add(
-        const Duration(days: 6),
-      ),
-      false,
-    ),
-  ];
-
-  Widget buildFavoritesGridView() {
-    return Column(
-      children: [
-        Text('Favorites'),
-        Divider(thickness: 4,),
-        Expanded(
-          child: GridView.count(
-            crossAxisCount: 3,
-            children: List.generate(5, (index) {
-              var personColor = Color((math.Random().nextDouble() * 0xFFFFFF).toInt())
-                  .withOpacity(1.0);
-              return Center(
-                child: Container(
-                  width: 120,
-                  height: 120,
-                  child: Text(
-                    contacts[index].name[0],
-                    style: TextStyle(fontSize: 40),
-                  ),
-                  alignment: Alignment.center,
-                  decoration:
-                  BoxDecoration(shape: BoxShape.circle, color: personColor),
-                ),
-              );
-            }),
-          ),
-        ),
-      ],
-    );
-  }
-
-  Widget buildContactItem(Contact _contact) {
-    return Card(
-      child: Padding(
-        padding: const EdgeInsets.all(8.0),
-        child: Row(
-          children: [
-            CircleAvatar(
-              backgroundImage: NetworkImage(_contact.image),
-            ),
-            Padding(
-              padding: const EdgeInsets.all(16),
-              child: Column(
-                mainAxisAlignment: MainAxisAlignment.start,
-                crossAxisAlignment: CrossAxisAlignment.start,
-                children: [
-                  Text(
-                    _contact.name,
-                    style: const TextStyle(fontWeight: FontWeight.bold),
-                  ),
-                  Text(_contact.mobileNumber),
-                ],
-              ),
-            ),
-            Text(_contact.date.toIso8601String().split('T').first),
-            Expanded(
-              child: Container(),
-            ),
-            if (_contact.isIncoming)
-              Icon(
-                Icons.arrow_downward,
-                color: Colors.red,
-              )
-            else
-              Icon(
-                Icons.arrow_upward,
-                color: Colors.green,
-              )
-          ],
-        ),
-      ),
-    );
-  }
-
-  Widget buildContactsList() {
-    return ListView.builder(
-      itemBuilder: (_context, index) {
-        return buildContactItem(contacts[index]);
-      },
-      itemCount: contacts.length,
-    );
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    return Scaffold(
-      appBar: AppBar(
-        title: Text(widget.title),
-      ),
-      body: Center(
-        child: _pages[_selectedIndex],
-      ),
-      bottomNavigationBar: BottomNavigationBar(
-        items: const <BottomNavigationBarItem>[
-          BottomNavigationBarItem(
-            icon: Icon(Icons.home),
-            label: 'Recent',
-          ),
-          BottomNavigationBarItem(
-            icon: Icon(Icons.favorite),
-            label: 'Favorites',
-          ),
-          BottomNavigationBarItem(
-              icon: Icon(Icons.access_time_outlined),
-              label: 'School',
-              activeIcon: Icon(Icons.access_time_filled)
-          ),
-        ],
-        currentIndex: _selectedIndex,
-        selectedItemColor: Colors.amber[800],
-        onTap: _onItemTapped,
-      ),
-    );
-  }
-}
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:google_fonts/google_fonts.dart';
+import 'Weather/fetch.dart';
+
+
+import 'Weather/weatherModel.dart';
+
+
+void main() {
+  runApp(
+    const MyApp(),
+  );
+}
+
+class MyApp extends StatelessWidget {
+  const MyApp({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+      title: 'Flutter Demo',
+      theme: ThemeData(
+        primarySwatch: Colors.blue,
+      ),
+      home: const MyHomePage(title: 'Weather'),
+    );
+  }
+}
+
+class MyHomePage extends StatefulWidget {
+  const MyHomePage({Key? key, required this.title}) : super(key: key);
+
+  final String title;
+
+  @override
+  State<MyHomePage> createState() => _MyHomePageState();
+}
+
+class _MyHomePageState extends State<MyHomePage> {
+  late Future<Weather> futureWeather;
+  TextStyle fontStyle = GoogleFonts.lato(fontSize: 16);
+
+  @override
+  void initState() {
+    super.initState();
+    futureWeather = FetchAPi().fetchPost();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return SafeArea(
+      child: Scaffold(
+        appBar: AppBar(
+          centerTitle: true,
+          title: Text(widget.title),
+          backgroundColor: Colors.transparent,
+        ),
+        body: Center(
+            child: FutureBuilder<Weather>(
+                future: futureWeather,
+                builder: (context, AsyncSnapshot snapshot) {
+                  if (!snapshot.hasData) {
+                    return const Center(
+                      child: CircularProgressIndicator(),
+                    );
+                  } else if (snapshot.hasError) {
+                    return const Center(child: Text("Something Went Wrong"));
+                  } else {
+                    return Padding(
+                      padding: const EdgeInsets.all(18.0),
+                      child: Column(
+                        children: [
+                          Column(children: [  Row(
+                              mainAxisAlignment: MainAxisAlignment.center,
+                              children: [
+                                const Icon(Icons.location_on_outlined),
+                                Text(
+                                  snapshot.data.cityName,
+                                  style: GoogleFonts.sourceSansPro(
+                                      fontSize: 25, fontWeight: FontWeight.bold),
+                                ),
+                                Text(
+                                  ",${snapshot.data.country}",
+                                  style: GoogleFonts.sourceSansPro(
+                                    fontSize: 25,
+                                  ),
+                                ),
+                              ],
+                            ),
+                              const SizedBox(
+                                height: 50,
+                              ),
+                              Image.network(
+                                  'https://openweathermap.org/img/wn/${snapshot.data.weatherDescrip[0]["icon"]}@2x.png'),
+                              Text(
+                                "${snapshot.data.weatherDescrip[0]["main"]}",
+                                style: GoogleFonts.lato(
+                                    fontSize: 25, fontWeight: FontWeight.bold),
+                              ),
+                              Text(
+                                  "${snapshot.data.weatherDescrip[0]["description"]}"),
+                              Padding(
+                                padding: const EdgeInsets.all(8.0),
+                                child: Text(
+                                  " ${snapshot.data.temp.toInt()}°",
+                                  style: GoogleFonts.lato(
+                                      fontSize: 45, fontWeight: FontWeight.bold),
+                                ),
+                              ),
+                            ],
+                            ),
+
+
+                          const SizedBox(
+                            height: 50,
+                          ),
+                          Row(
+                            mainAxisAlignment: MainAxisAlignment.center,
+                            children: [
+                              Text(
+                                'Additional Information',
+                                style: GoogleFonts.lato(
+                                    fontSize: 25, fontWeight: FontWeight.bold),
+                              )
+                            ],
+                          ),
+                          const SizedBox(
+                            height: 50,
+                          ),
+                          Row(
+                            mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                            children: [
+                              Column(
+                                mainAxisAlignment: MainAxisAlignment.start,
+                                children: [
+                                  Text(
+                                    "Feels like: ${snapshot.data.feels_like.toInt()}",
+                                    style: fontStyle,
+                                  ),
+                                  Text("Humidity: ${snapshot.data.humidity}",
+                                      style: fontStyle),
+                                ],
+                              ),
+                              Column(
+                                mainAxisAlignment: MainAxisAlignment.start,
+                                children: [
+                                  Text("Wind speed: ${snapshot.data.wind}",
+                                      style: fontStyle),
+                                  Text("Pressure: ${snapshot.data.pressure}",
+                                      style: fontStyle),
+                                ],
+                              ),
+                            ],
+                          ),
+                          const SizedBox(
+                            height: 25,
+                          ),
+                          Row(
+                            mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                            children: [
+                              Column(
+                                children: [
+                                  Text('Minimum Temperature', style: fontStyle),
+                                  const SizedBox(
+                                    height: 5,
+                                  ),
+                                  Text("${snapshot.data.min_temp.toInt()}",
+                                      style: fontStyle),
+                                  Image.network(
+                                      'https://openweathermap.org/img/wn/${snapshot.data.weatherDescrip[0]["icon"]}@2x.png'),
+                                ],
+                              ),
+                              Column(
+                                children: [
+                                  Text('Minimum Temperature', style: fontStyle),
+                                  const SizedBox(
+                                    height: 5,
+                                  ),
+                                  Text("${snapshot.data.max_temp.toInt()}",
+                                      style: fontStyle),
+                                  Image.network(
+                                      'https://openweathermap.org/img/wn/${snapshot.data.weatherDescrip[0]["icon"]}@2x.png'),
+                                ],
+                              )
+                            ],
+                          ),
+                        ],
+                      ),
+                    );
+                  }
+                })),
+      ),
+    );
+  }
+}
diff --git a/lib/weekOne/allContacts.dart b/lib/weekOne/allContacts.dart
new file mode 100644
index 0000000..5a717f1
--- /dev/null
+++ b/lib/weekOne/allContacts.dart
@@ -0,0 +1,53 @@
+// ignore_for_file: file_names
+
+import 'package:flutter/material.dart';
+
+class AllContacts extends StatelessWidget {
+  const AllContacts({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return ListView(
+      children: [
+        buildListTile(),
+        buildListTile(),
+        buildListTile(),
+        buildListTile(),
+        buildListTile(),
+        buildListTile(),
+        buildListTile(),
+        buildListTile(),
+        buildListTile(),
+        buildListTile(),
+        buildListTile(),
+        buildListTile(),
+        buildListTile(),
+        buildListTile(),
+        buildListTile(),
+        buildListTile(),
+        buildListTile(),
+        buildListTile(),
+        buildListTile(),
+        buildListTile(),
+        buildListTile(),
+        buildListTile(),
+      ],
+    );
+  }
+
+  ListTile buildListTile() {
+
+    return ListTile(
+      leading: const CircleAvatar(
+        backgroundImage: NetworkImage(
+            'data:image/png;base64,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'),
+      ),
+      title: const Text('Abdullah'),
+      subtitle: const Text('07713455103'),
+      trailing: IconButton(
+        icon: const Icon(Icons.call),
+        onPressed: () {},
+      ),
+    );
+  }
+}
diff --git a/lib/weekOne/contact.dart b/lib/weekOne/contact.dart
new file mode 100644
index 0000000..32bbf95
--- /dev/null
+++ b/lib/weekOne/contact.dart
@@ -0,0 +1,10 @@
+
+class Contact {
+  String image;
+  String name;
+  String mobileNumber;
+  DateTime date;
+  bool isIncoming;
+
+  Contact(this.image, this.name, this.mobileNumber, this.date, this.isIncoming);
+}
diff --git a/lib/weekOne/deetails.dart b/lib/weekOne/deetails.dart
new file mode 100644
index 0000000..c652e00
--- /dev/null
+++ b/lib/weekOne/deetails.dart
@@ -0,0 +1,120 @@
+// ignore_for_file: non_constant_identifier_names
+
+import 'package:flutter/material.dart';
+import 'package:flutter/rendering.dart';
+
+class Details extends StatelessWidget {
+  final String contact_name;
+  final String number;
+  final String image;
+  final DateTime date;
+  final bool isCom;
+
+  const Details(
+      {Key? key,
+      required this.date,
+      required this.image,
+      required this.contact_name,
+      required this.number,
+      required this.isCom})
+      : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: Text(contact_name),
+        centerTitle: true,
+      ),
+      body: SizedBox(
+        width: double.infinity,
+        child: Column(
+          children: [
+            Container(
+              decoration: const BoxDecoration(
+                shape: BoxShape.circle,
+              ),
+              child: Image(
+                image: NetworkImage(image),
+              ),
+            ),
+
+            Row(mainAxisAlignment: MainAxisAlignment.center,
+
+              children: [
+
+                Expanded(
+                  child: Padding(
+                    padding: const EdgeInsets.all(8.0),
+                    child: Row(
+
+                      children: [
+                        const SizedBox(width: 50  ,),
+                        IconButton(icon: const Icon(Icons.call),onPressed: (){},), const Text('Call'),
+                      ],
+                    ),
+                  ),
+                ),
+                Expanded(
+                  child: Padding(
+                    padding: const EdgeInsets.all(8.0),
+                    child: Row(
+
+                      children: [
+                        const SizedBox(width: 50  ,),
+                        IconButton(icon: const Icon(Icons.message),onPressed: (){},), const Text('Message'),
+                      ],
+                    ),
+                  ),
+                ),
+
+              ],
+            ),
+
+            SizedBox(
+              width: double.maxFinite,
+              child: Column(
+                children: [
+                  Padding(
+                    padding: const EdgeInsets.all(8.0),
+                    child: Row(
+                      children: [
+                        Text(
+                          number,
+                        ),
+                        // ignore: prefer_const_constructors
+                        Text("    "),
+                        Text(date.toIso8601String().split('T').first),
+                        Expanded(child: Container()),
+                        if (isCom)
+                          Row(
+                            children: const [
+                              Text('Incoming Call'),
+                              Icon(
+                                Icons.arrow_downward,
+                                color: Colors.red,
+                              )
+                            ],
+                          )
+                        else
+                          Row(
+                            children: const [
+                              Text('Outgoing Call'),
+                              Icon(
+                                Icons.arrow_upward,
+                                color: Colors.green,
+                              )
+                            ],
+                          ),
+                      ],
+                    ),
+                  ),
+                ],
+              ),
+            )
+          ],
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/weekOne/igCard.dart b/lib/weekOne/igCard.dart
new file mode 100644
index 0000000..14f6614
--- /dev/null
+++ b/lib/weekOne/igCard.dart
@@ -0,0 +1,132 @@
+// ignore: file_names
+// ignore_for_file: file_names
+
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+
+class IGCard extends StatelessWidget {
+  const IGCard({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    var imageUrl =
+        'https://images.pexels.com/photos/1544947/pexels-photo-1544947.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500';
+    return ListView(children: [
+      const SizedBox(
+        height: 7,
+      ),
+      const Text('  Stories'),
+      SizedBox(
+        height: 100,
+        child: ListView(scrollDirection: Axis.horizontal, children: [
+          buildPadding(imageUrl),
+          buildPadding(imageUrl),
+          buildPadding(imageUrl),
+          buildPadding(imageUrl),
+          buildPadding(imageUrl),
+          buildPadding(imageUrl),
+          buildPadding(imageUrl),
+          buildPadding(imageUrl),
+          buildPadding(imageUrl),
+          buildPadding(imageUrl)
+        ]),
+      ),
+      buildCard(imageUrl),
+      buildCard(imageUrl),
+      buildCard(imageUrl),
+      buildCard(imageUrl),
+      buildCard(imageUrl),
+      buildCard(imageUrl),
+    ]);
+  }
+
+  Card buildCard(String imageUrl) {
+    return Card(
+      shadowColor: Colors.black,
+      child: Padding(
+        padding: const EdgeInsets.all(8.0),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            Row(
+              children: [
+                Padding(
+                  padding: const EdgeInsets.only(bottom: 5),
+                  child: CircleAvatar(
+                    backgroundImage: NetworkImage(imageUrl),
+                  ),
+                ),
+                const Text('  UserName'),
+              ],
+            ),
+
+            Image.network(
+              imageUrl,
+              height: 300,
+              width: double.maxFinite,
+              fit: BoxFit.cover,
+            ),
+            Row(
+              children: [
+                const Padding(
+                  padding: EdgeInsets.all(16),
+                  child: Icon(
+                    Icons.favorite_outline,
+                    color: Colors.black,
+                    size: 45,
+                  ),
+                ),
+                const Padding(
+                  padding: EdgeInsets.all(16),
+                  child: Icon(
+                    Icons.send,
+                    color: Colors.black,
+                    size: 45,
+                  ),
+                ),
+                Expanded(
+                  child: Container(),
+                ),
+                const Padding(
+                  padding: EdgeInsets.all(16),
+                  child: Icon(
+                    Icons.more_vert,
+                    color: Colors.black,
+                    size: 45,
+                  ),
+                ),
+              ],
+            ),
+            const Padding(
+              padding: EdgeInsets.all(8.0),
+              child: Text(
+                '25 Likes',
+                style: TextStyle(
+                    color: Colors.black,
+                    fontSize: 30,
+                    fontWeight: FontWeight.w800),
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Padding buildPadding(String imageUrl) {
+    return Padding(
+      padding: const EdgeInsets.all(8.0),
+      child: Container(
+        height: 75,
+        width: 75,
+        decoration: const BoxDecoration(shape: BoxShape.circle),
+        child: CircleAvatar(
+          backgroundImage: NetworkImage(
+            imageUrl,
+          ),
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/weekOne/weekOneMain.dart b/lib/weekOne/weekOneMain.dart
new file mode 100644
index 0000000..c515495
--- /dev/null
+++ b/lib/weekOne/weekOneMain.dart
@@ -0,0 +1,273 @@
+// ignore_for_file: file_names
+
+import 'package:flutter/material.dart';
+import './allContacts.dart';
+import './deetails.dart';
+import './contact.dart';
+
+void main() => runApp(const MyApp());
+
+class MyApp extends StatelessWidget {
+  const MyApp({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+      title: 'Flutter Demo 2',
+      theme: ThemeData(
+        primarySwatch: Colors.blue,
+      ),
+      debugShowCheckedModeBanner: false,
+      home: const MyHomePage(title: 'Contacts App'),
+    );
+  }
+}
+
+class MyHomePage extends StatefulWidget {
+  const MyHomePage({Key? key, required this.title}) : super(key: key);
+  final String title;
+
+  @override
+  State<MyHomePage> createState() => _MyHomePageState();
+}
+var url =
+    'data:image/png;base64,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';
+
+class _MyHomePageState extends State<MyHomePage> {
+  var contacts = [
+    Contact(
+      url,
+      'Ahmed',
+      '071766137347',
+      DateTime.now().add(
+        const Duration(seconds: 3),
+      ),
+      true,
+    ),
+    Contact(
+      url,
+      'Ali',
+      '071766137347',
+      DateTime.now().add(
+        const Duration(days: 1),
+      ),
+      false,
+    ),
+    Contact(
+      url,
+      'Kamal',
+      '071766137347',
+      DateTime.now().add(
+        const Duration(days: 3),
+      ),
+      true,
+    ),
+    Contact(
+      url,
+      'Mohammad',
+      '071766137347',
+      DateTime.now().add(
+        const Duration(days: 5),
+      ),
+      true,
+    ),
+    Contact(
+      url,
+      'Mohammad',
+      '071766137347',
+      DateTime.now().add(
+        const Duration(days: 5),
+      ),
+      false,
+    ),
+    Contact(
+      url,
+      'Hussein',
+      '071766137347',
+      DateTime.now().add(
+        const Duration(days: 6),
+      ),
+      false,
+    ),
+    Contact(
+      url,
+      'Abood',
+      '071766137347',
+      DateTime.now().add(
+        const Duration(days: 7),
+      ),
+      false,
+    ),
+    Contact(
+      url,
+      'Osama',
+      '071766137347',
+      DateTime.now().add(
+        const Duration(days: 6),
+      ),
+      false,
+    ),
+  ];
+
+  int _selectedIndex = 0;
+  static const TextStyle optionStyle =
+  TextStyle(fontSize: 30, fontWeight: FontWeight.bold);
+  late List<Widget> _pages;
+
+  _MyHomePageState() {
+    _pages = [
+      buildListView(contacts),
+
+      // Text('hello'),
+      const AllContacts()
+    ];
+  }
+
+  void _onItemTapped(int index) {
+    setState(() {
+      _selectedIndex = index;
+    });
+  }
+  Widget buildContactItem(Contact _contact) {
+    return Card(
+      child: InkWell(
+        onTap: () {
+          Navigator.of(context).push(MaterialPageRoute(
+              builder: (_) => Details(
+                date: _contact.date,
+                contact_name: _contact.name,
+                number: _contact.mobileNumber,
+                isCom: _contact.isIncoming,
+                image: _contact.image,
+              )));
+        },
+        onLongPress: () {
+          setState(() {
+            final AlertDialog alert = AlertDialog(
+              title: const Text("Are you sure?"),
+              content: SizedBox(
+                  height: 80,
+                  child: Column(
+                    children: [
+                      const Divider(color: Colors.red),
+                      const Text(
+                          "Are you sure you want to delete this contact?"),
+                      const SizedBox(height: 10),
+                      Row(
+                        children: [
+                          ElevatedButton.icon(
+                            icon: const Icon(Icons.cancel),
+                            label: const Text(
+                              "Cancel",
+                              style: TextStyle(color: Colors.white),
+                            ),
+                            onPressed: () {
+                              setState(() {
+                                Navigator.pop(context);
+                              });
+                            },
+                          ),
+                          Expanded(
+                            child: Container(),
+                          ),
+                          ElevatedButton.icon(
+                            style:  ButtonStyle(backgroundColor: MaterialStateProperty.all(Colors.red),),
+                            icon: const Icon(Icons.delete),
+                            label: const Text(
+                              "Delete",
+                              style: TextStyle(color: Colors.white),
+                            ),
+                            onPressed: () {
+                              setState(() {
+                                Navigator.pop(context);
+                              });
+                            },
+                          ),
+                        ],
+                      ),
+                    ],
+                  )),
+            );
+            showDialog(context: context, builder: (_) => alert);
+          });
+        },
+        child: Padding(
+          padding: const EdgeInsets.all(8.0),
+          child: Row(
+            children: [
+              CircleAvatar(
+                backgroundImage: NetworkImage(_contact.image),
+              ),
+              Padding(
+                padding: const EdgeInsets.all(16),
+                child: Column(
+                  mainAxisAlignment: MainAxisAlignment.start,
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: [
+                    Text(
+                      _contact.name,
+                      style: const TextStyle(fontWeight: FontWeight.bold),
+                    ),
+                    Text(_contact.mobileNumber),
+                  ],
+                ),
+              ),
+              Text(_contact.date.toIso8601String().split('T').first),
+              Expanded(
+                child: Container(),
+              ),
+              if (_contact.isIncoming)
+                const Icon(
+                  Icons.south_west,
+                  color: Colors.red,
+                )
+              else
+                const Icon(
+                  Icons.north_east,
+                  color: Colors.green,
+                )
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+
+
+
+    return Scaffold(
+      appBar: AppBar(
+        title: Text(widget.title),
+      ),
+      body:Container(child:_pages[_selectedIndex]),
+      bottomNavigationBar: BottomNavigationBar(
+        items: const <BottomNavigationBarItem>[
+          BottomNavigationBarItem(
+            icon: Icon(Icons.access_time),
+            label: 'Recent',
+          ),
+          BottomNavigationBarItem(
+            icon: Icon(Icons.contact_page_rounded),
+            label: 'All Contacts',
+          ),
+
+        ],
+        currentIndex: _selectedIndex,
+        selectedItemColor: Colors.amber[800],
+        onTap: _onItemTapped,
+      ),
+    );
+  }
+
+  ListView buildListView(List<Contact> contacts) {
+    return ListView.builder(
+      itemBuilder: (_context, index) {
+        return buildContactItem(contacts[index]);
+      },
+      itemCount: contacts.length,
+    );
+  }
+}
diff --git a/lib/weekTwoUiChallege/UiChallengeMain.dart b/lib/weekTwoUiChallege/UiChallengeMain.dart
new file mode 100644
index 0000000..4d9ce03
--- /dev/null
+++ b/lib/weekTwoUiChallege/UiChallengeMain.dart
@@ -0,0 +1,121 @@
+// ignore_for_file: prefer_typing_uninitialized_variables
+
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import './bottomNav.dart';
+import './imageContainer.dart';
+import './lastPadding.dart';
+import './menuRow.dart';
+import './topContainer.dart';
+
+
+
+
+void main() => runApp(const MyApp());
+
+class MyApp extends StatelessWidget {
+  const MyApp({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+      debugShowCheckedModeBanner: false,
+      title: 'Flutter Demo',
+      theme: ThemeData(
+        primaryColor: const Color.fromRGBO(34, 40, 51, 1),
+      ),
+      home: const MyHomePage(title: 'Flutter Demo Home Page'),
+    );
+  }
+}
+
+class MyHomePage extends StatefulWidget {
+  const MyHomePage({Key? key, required this.title}) : super(key: key);
+
+  final String title;
+
+  @override
+  State<MyHomePage> createState() => _MyHomePageState();
+}
+
+class _MyHomePageState extends State<MyHomePage> {
+  bool isActive = true;
+
+  @override
+  Widget build(BuildContext context) {
+    return SafeArea(
+      child: Scaffold(
+
+        backgroundColor: const Color(0xff0f1626),
+        //
+        appBar: buildAppBar(),
+        body: SingleChildScrollView(
+          child: Column(
+            children: [
+              const TopContainer(),
+              Padding(
+                padding: const EdgeInsets.symmetric(vertical: 15),
+                child: Container(
+                  height: 510,
+                  decoration: const BoxDecoration(
+                      color: Color(0xff222833),
+                      borderRadius: BorderRadius.only(
+                          topLeft: Radius.circular(35),
+                          topRight: Radius.circular(35))),
+                  child: Column(
+                    children: const [
+                      MenuRow(),
+                      //الصور
+                      ImageContainer(),
+                      //الازرار التحت
+                      LastPadding()
+                    ],
+                  ),
+                ),
+              )
+            ],
+          ),
+        ),
+        bottomNavigationBar: const BottomNav(),
+      ),
+    );
+  }
+
+
+
+  AppBar buildAppBar() {
+    return AppBar(
+      backgroundColor: const Color(0xff222833),
+      leading: const Padding(
+        padding: EdgeInsets.all(8.0),
+        child: CircleAvatar(
+          backgroundImage: AssetImage('images/facebook.png'),
+        ),
+      ),
+      actions: [
+        buildAppBarIcons(Icons.search),
+        buildAppBarIcons(Icons.notifications),
+        Padding(
+          padding: const EdgeInsets.all(14.0),
+          child: Image.asset('images/messenger.png'),
+        ),
+        const Padding(
+          padding: EdgeInsets.all(8.0),
+          child: CircleAvatar(
+            backgroundImage: AssetImage('images/46.png'),
+          ),
+        )
+        // buildAppBarIcons(Icons.person_pin),
+      ],
+
+    );
+  }
+
+  Widget buildAppBarIcons(IconData icon) => Padding(
+    padding: const EdgeInsets.all(8.0),
+    child: Icon(
+      icon,
+      size: 25,
+    ),
+  );
+}
diff --git a/lib/weekTwoUiChallege/bottomNav.dart b/lib/weekTwoUiChallege/bottomNav.dart
new file mode 100644
index 0000000..27947a3
--- /dev/null
+++ b/lib/weekTwoUiChallege/bottomNav.dart
@@ -0,0 +1,39 @@
+// ignore_for_file: file_names
+
+import 'package:flutter/material.dart';
+class BottomNav extends StatelessWidget {
+  const BottomNav({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return BottomNavigationBar(
+      backgroundColor: const Color(0xff0f1626),
+      items: const <BottomNavigationBarItem>[
+        BottomNavigationBarItem(
+            icon: Icon(Icons.home_filled,color: Color(0xff474d5a),),
+            label: '',
+            backgroundColor: Color(0xff292f3b)),
+        BottomNavigationBarItem(
+          backgroundColor: Color(0xff292f3b),
+          icon: Icon(Icons.play_circle_filled_outlined,color: Color(0xff474d5a)),
+          label: '',
+        ),
+        BottomNavigationBarItem(
+            icon: Icon(Icons.shopping_cart,color: Color(0xff474d5a)),
+            label: '',
+            backgroundColor: Color(0xff292f3b)),
+        BottomNavigationBarItem(
+            icon: Icon(Icons.people,color: Color(0xff474d5a)),
+            label: '',
+            backgroundColor: Color(0xff292f3b)),
+        BottomNavigationBarItem(
+            icon: Icon(Icons.category_rounded),
+            label: '',
+            backgroundColor: Color(0xff292f3b)),
+      ],
+      currentIndex: 4,
+      selectedItemColor: Colors.blue,
+      onTap: (_) => {},
+    );
+  }
+}
diff --git a/lib/weekTwoUiChallege/imageContainer.dart b/lib/weekTwoUiChallege/imageContainer.dart
new file mode 100644
index 0000000..fcf4d25
--- /dev/null
+++ b/lib/weekTwoUiChallege/imageContainer.dart
@@ -0,0 +1,148 @@
+// ignore_for_file: file_names
+
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+
+class ImageContainer extends StatelessWidget {
+  const ImageContainer({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return SizedBox(
+      height: 160,
+      child: ListView(
+        scrollDirection: Axis.horizontal,
+        children: [
+          Stack(
+            children: [
+              buildBottomContainer(),
+              Padding(
+                padding: const EdgeInsets.all(20.0),
+                child: Container(
+                  decoration: const BoxDecoration(
+                      shape: BoxShape.circle, color: Colors.white),
+                  child: const Padding(
+                    padding: EdgeInsets.all(8.0),
+                    child: Image(
+                      image: AssetImage('images/reload.png'),
+                    ),
+                  ),
+                ),
+              ),
+              Padding(
+                padding: const EdgeInsets.only(left: 120, top: 90),
+                child: Container(
+                    decoration: BoxDecoration(
+                        color: Colors.white54,
+                        borderRadius: BorderRadius.circular(12)),
+                    child: const Padding(
+                      padding: EdgeInsets.all(8.0),
+                      child: Text(
+                        'Hace 3 anos',
+                        style: TextStyle(fontSize: 10),
+                      ),
+                    )),
+              ),
+            ],
+          ),
+          Stack(
+            alignment: Alignment.bottomCenter,
+            children: [
+              buildBottomContainer2(),
+              Padding(
+                padding: const EdgeInsets.only(bottom: 30, left: 15),
+                child: Image.asset('images/33.png'),
+              ),
+              Padding(
+                padding: const EdgeInsets.only(bottom: 90.0),
+                child: Image.asset(
+                  'images/19.png',
+                  width: 10,
+                  height: 10,
+                ),
+              ),
+              const Padding(
+                padding: EdgeInsets.only(bottom: 105.0),
+                child: Text(
+                  'Centro de informacion\nCOVID-19',
+                  style: TextStyle(
+                      color: Colors.white,
+                      fontWeight: FontWeight.bold,
+                      fontSize: 15),
+                ),
+              ),
+              Padding(
+                padding: const EdgeInsets.only(bottom: 35),
+                child: Row(
+                  children: [
+                    Image.asset('images/151.png'),
+                    Image.asset('images/153.png'),
+                    Image.asset('images/137.png'),
+                  ],
+                ),
+              )
+            ],
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+Padding buildBottomContainer() {
+  return Padding(
+      padding: const EdgeInsets.all(8.0),
+      child: Column(
+        children: [
+          Container(
+            width: 200,
+            height: 125,
+            decoration: ShapeDecoration(
+                color: Colors.white,
+                shape: RoundedRectangleBorder(
+                  borderRadius: BorderRadius.circular(24.0),
+                ),
+                image: const DecorationImage(
+                    image: AssetImage('images/3.png'), fit: BoxFit.cover)),
+            child: const Center(),
+          ),
+        ],
+      ));
+}
+
+Padding buildBottomContainer2() {
+  return Padding(
+      padding: const EdgeInsets.all(8.0),
+      child: Column(
+        children: [
+          Container(
+            width: 210,
+            height: 125,
+            decoration: ShapeDecoration(
+                shape: RoundedRectangleBorder(
+                  borderRadius: BorderRadius.circular(24.0),
+                ),
+                image: const DecorationImage(
+                    image: AssetImage('images/Rectangle.png'),
+                    fit: BoxFit.cover)),
+          ),
+        ],
+      ));
+}
+
+Widget buildElevatedButton(
+        IconData buttonIcon, Color iconColor, String buttonName) =>
+    Padding(
+      padding: const EdgeInsets.only(left: 8.0, right: 8.0),
+      child: ElevatedButton.icon(
+        style: ElevatedButton.styleFrom(
+          primary: const Color(0xff292f3b),
+        ),
+        onPressed: () {},
+        icon: Icon(
+          buttonIcon,
+          color: iconColor,
+        ),
+        label: Text(buttonName),
+      ),
+    );
diff --git a/lib/weekTwoUiChallege/lastPadding.dart b/lib/weekTwoUiChallege/lastPadding.dart
new file mode 100644
index 0000000..ee81302
--- /dev/null
+++ b/lib/weekTwoUiChallege/lastPadding.dart
@@ -0,0 +1,131 @@
+// ignore_for_file: file_names
+
+import 'package:flutter/material.dart';
+import 'package:flutter/cupertino.dart';
+
+class LastPadding extends StatelessWidget {
+  const LastPadding({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Padding(
+      padding: const EdgeInsets.only(left: 12.0, right: 12.0),
+      child: Row(
+        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+
+        children: [
+          Column(
+            mainAxisAlignment: MainAxisAlignment.spaceBetween,
+            children: [
+              Stack(
+                  alignment: Alignment.topRight,
+                  children:[ buildUnderElevatedButton('images/14.png', 'Video en Watch'),
+              Padding(
+                padding: const EdgeInsets.all(8.0),
+                child: Image.asset('images/30.png'),
+              ),
+              ]),
+              buildSizedBox(),
+              Stack(
+                alignment: Alignment.topRight,
+                children: [
+                  buildUnderElevatedButton('images/9.png', 'Parejas'),
+                  Padding(
+                    padding: const EdgeInsets.all(4.0),
+                    child: Row(
+                      children: [
+                        Image.asset('images/101.png'),
+                        Image.asset('images/100.png'),
+                        Image.asset('images/102.png'),
+
+                      ],
+                    ),
+                  )
+                ],
+              ),
+              buildSizedBox(),
+              buildUnderElevatedButton('images/bag.png', 'Empleos'),
+            ],
+          ),
+          Column(
+            children: [
+              Stack(
+                  alignment: Alignment.topRight,
+                  children:[ buildUnderElevatedButton('images/25.png', 'Marketplace'),
+                Padding(
+                  padding: const EdgeInsets.all(8.0),
+                  child: Image.asset('images/30.png'),
+                ),
+              ]),
+              buildSizedBox(),
+              Stack(
+                alignment: Alignment.topRight,
+
+                children: [
+                  buildUnderElevatedButton('images/games.png', 'Videojuegos'),
+
+               Row(
+                 children: [
+                   Stack(
+                     alignment: Alignment.center,
+                     children: [
+                       Image.asset('images/11.png'),
+                       Image.asset('images/8.png'),
+
+                     ],),
+                   Stack(
+                     alignment: Alignment.center,
+                     children: [
+                       Image.asset('images/12.png'),
+                       Image.asset('images/heart.png'),
+
+                     ],),
+                 ],
+               )
+
+                ],
+              ),
+              buildSizedBox(),
+              buildUnderElevatedButton('images/bookmark.png', 'Guardados'),
+            ],
+          ),
+        ],
+      ),
+    );
+  }
+
+  SizedBox buildSizedBox() => const SizedBox(
+        height: 10,
+      );
+
+  Widget buildUnderElevatedButton(String icon, String buttonName) {
+    return SizedBox(
+        width: 175,
+        height: 60,
+        child: Container(
+
+          decoration: BoxDecoration(
+              color: const Color(0xff282e39),
+              borderRadius: BorderRadius.circular(18)),
+          child: Padding(
+            padding: const EdgeInsets.all(8.0),
+            child: Row(
+              mainAxisAlignment: MainAxisAlignment.start,
+              children: [
+                const SizedBox(
+                  width: 15,
+                ),
+                Image.asset(icon),
+                const SizedBox(
+                  width: 15,
+                ),
+                Text(
+                  buttonName,
+                  style: const TextStyle(color: Colors.white, fontSize: 12),
+                ),
+              ],
+            ),
+          ),
+        ));
+  }
+}
diff --git a/lib/weekTwoUiChallege/menuRow.dart b/lib/weekTwoUiChallege/menuRow.dart
new file mode 100644
index 0000000..212580a
--- /dev/null
+++ b/lib/weekTwoUiChallege/menuRow.dart
@@ -0,0 +1,137 @@
+// ignore_for_file: file_names
+
+import 'package:flutter/material.dart';
+import 'package:flutter/cupertino.dart';
+class MenuRow extends StatefulWidget {
+  const MenuRow({Key? key}) : super(key: key);
+
+  @override
+  State<MenuRow> createState() => _MenuRowState();
+}
+
+class _MenuRowState extends State<MenuRow> {
+  bool isActive=true;
+  @override
+  Widget build(BuildContext context) {
+    return Padding(
+      padding: const EdgeInsets.only(left: 18.0),
+      child: Column(
+        children: [
+          buildMenuRowPadding(),
+          const SizedBox(height: 10,),
+          SizedBox(
+            height: 45,
+            child: ListView(
+              scrollDirection: Axis.horizontal,
+              children: [
+
+                Row(
+                  children: [
+                    buildElevatedButton(
+                        Icons.help_outlined,
+                        const Color(0xff61bf89),
+                        'Ayuda y soporte'),
+                    buildElevatedButton(
+                        Icons.settings,
+                        const Color(0xff1977f3),
+                        'Configuration in spanish'),
+                    buildElevatedButton(Icons.not_accessible,
+                        const Color(0xff61bf89), 'out of range'),
+                  ],
+                ),
+              ],
+            ),
+          ),
+          const SizedBox(height: 10,),
+
+        ],
+      ),
+    );
+  }
+  Padding buildMenuRowPadding() {
+    return Padding(
+      padding: const EdgeInsets.all(8.0),
+      child: Row(
+        children: [
+
+          const Padding(
+            padding: EdgeInsets.only(left: 12.0, top: 5),
+            child: Text(
+              'Menu ',
+              textAlign: TextAlign.start,
+              style: TextStyle(
+                  color: Colors.white,
+                  fontWeight: FontWeight.bold,
+                  fontSize: 20),
+            ),
+          ),
+          Expanded(
+            child: Container(),
+          ),
+          Row(
+            mainAxisAlignment: MainAxisAlignment.spaceBetween,
+            children: [
+               const Padding(
+                padding:  EdgeInsets.all(0.0),
+               child:Icon(Icons.dark_mode,color: Colors.white,)
+
+              ),
+              const Padding(
+                padding: EdgeInsets.all(8.0),
+                child: Text(
+                  'Modo oscuro',
+                  style: TextStyle(color: Colors.white,fontSize: 10),
+                ),
+              ),
+              Container(
+
+                child: CupertinoSwitch(
+                  value: isActive,
+                  onChanged: (bool value) {
+                    setState(() {
+                      isActive = value;
+                    });
+                  },
+                  activeColor: Colors.blue,
+                ),
+              )
+            ],
+          )
+        ],
+      ),
+    );
+  }
+
+  Widget buildElevatedButton(
+      IconData buttonIcon, Color iconColor, String buttonName) =>
+      Padding(
+        padding: const EdgeInsets.only(left: 8.0, right: 8.0),
+        child:Container(
+          decoration: BoxDecoration(
+              color: const Color(0xff282e39),
+              borderRadius: BorderRadius.circular(15)),
+          child: Padding(
+            padding: const EdgeInsets.all(8.0),
+            child: Row(
+              mainAxisAlignment: MainAxisAlignment.start,
+              children: [
+                const SizedBox(
+                  width: 15,
+                ),
+               Icon(buttonIcon,color: iconColor,),
+                const SizedBox(
+                  width: 15,
+                ),
+                Text(
+                  buttonName,
+                  style: const TextStyle(color: Colors.white, fontSize: 11),
+                ),
+              ],
+            ),
+          ),
+        ),
+
+
+
+      );
+}
diff --git a/lib/weekTwoUiChallege/topContainer.dart b/lib/weekTwoUiChallege/topContainer.dart
new file mode 100644
index 0000000..6ee84da
--- /dev/null
+++ b/lib/weekTwoUiChallege/topContainer.dart
@@ -0,0 +1,97 @@
+// ignore_for_file: file_names
+
+import 'package:flutter/material.dart';
+class TopContainer extends StatelessWidget {
+  const TopContainer({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      decoration: const BoxDecoration(
+          color: Color(0xff222833),
+          borderRadius: BorderRadius.only(
+              bottomLeft: Radius.circular(25),
+              bottomRight: Radius.circular(25))),
+      height: 125,
+      child: Column(
+        children: [
+          const SizedBox(
+            height: 10,
+          ),
+          const TextField(
+            style: TextStyle(color: Colors.white),
+            decoration: InputDecoration(
+              border: InputBorder.none,
+              suffixIcon: Image(image: AssetImage('images/smile.png',)),
+              prefixIcon: SizedBox(
+                height: 25,
+                width: 25,
+                child: Padding(
+                  padding: EdgeInsets.all(8.0),
+                  child: CircleAvatar(
+                    backgroundImage: AssetImage('images/46.png'),
+                  ),
+                )
+              ),
+              hintText: 'What are you think about?',
+              hintStyle: TextStyle(color: Colors.white),
+            ),
+          ),
+          Row(
+            // mainAxisAlignment: MainAxisAlignment.spaceBetween,
+            children: [
+              buildElevatedButton(
+                  Icons.camera_alt, const Color(0xff61bf89), 'Fotos'),
+              buildElevatedButton(Icons.video_call,
+                  const Color(0xfff31954), 'En vivio'),
+              buildElevatedButton(Icons.remove_red_eye,
+                  const Color(0xff1977f3), 'Video corto'),
+            ],
+          )
+        ],
+      ),
+    );
+  }
+
+
+  Widget buildElevatedButton(
+      IconData buttonIcon, Color iconColor, String buttonName) =>
+      Padding(
+        padding: const EdgeInsets.all(4.0),
+        child: Padding(
+          padding: const EdgeInsets.only(left: 8.0, right: 8.0),
+          child:Container(
+
+            width: 105,
+            decoration: BoxDecoration(
+                color: const Color(0xff282e39),
+                borderRadius: BorderRadius.circular(15)),
+            child: Padding(
+              padding: const EdgeInsets.all(8.0),
+              child: Row(
+                mainAxisAlignment: MainAxisAlignment.center,
+                children: [
+
+                  Icon(buttonIcon,color: iconColor,),
+                  const SizedBox(
+                    width: 3,
+                  ),
+                  Text(
+                    buttonName,
+                    style: const TextStyle(color: Colors.white, fontSize: 12),
+                  ),
+                ],
+              ),
+            ),
+          ),
+
+
+
+        )
+
+
+
+      );
+
+
+}
diff --git a/pubspec.lock b/pubspec.lock
index 750761f..7359124 100644
--- a/pubspec.lock
+++ b/pubspec.lock
@@ -1,6 +1,20 @@
 # Generated by pub
 # See https://dart.dev/tools/pub/glossary#lockfile
 packages:
+  archive:
+    dependency: transitive
+    description:
+      name: archive
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "3.1.6"
+  args:
+    dependency: transitive
+    description:
+      name: args
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.3.0"
   async:
     dependency: transitive
     description:
@@ -43,6 +57,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.15.0"
+  crypto:
+    dependency: transitive
+    description:
+      name: crypto
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "3.0.1"
   cupertino_icons:
     dependency: "direct main"
     description:
@@ -50,6 +71,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.0.3"
+  dio:
+    dependency: "direct main"
+    description:
+      name: dio
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "4.0.1"
   fake_async:
     dependency: transitive
     description:
@@ -57,30 +85,91 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.2.0"
+  ffi:
+    dependency: transitive
+    description:
+      name: ffi
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.1.2"
+  file:
+    dependency: transitive
+    description:
+      name: file
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "6.1.2"
   flutter:
     dependency: "direct main"
     description: flutter
     source: sdk
     version: "0.0.0"
-  flutter_lints:
+  flutter_launcher_icons:
     dependency: "direct dev"
     description:
-      name: flutter_lints
+      name: flutter_launcher_icons
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.0.4"
+    version: "0.9.2"
+  flutter_native_splash:
+    dependency: "direct dev"
+    description:
+      name: flutter_native_splash
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.3.1"
   flutter_test:
     dependency: "direct dev"
     description: flutter
     source: sdk
     version: "0.0.0"
-  lints:
+  flutter_web_plugins:
+    dependency: transitive
+    description: flutter
+    source: sdk
+    version: "0.0.0"
+  fluttertoast:
+    dependency: "direct main"
+    description:
+      name: fluttertoast
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "8.0.8"
+  google_fonts:
+    dependency: "direct main"
+    description:
+      name: google_fonts
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.1.0"
+  http:
+    dependency: "direct main"
+    description:
+      name: http
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.13.4"
+  http_parser:
     dependency: transitive
     description:
-      name: lints
+      name: http_parser
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.0.1"
+    version: "4.0.0"
+  image:
+    dependency: transitive
+    description:
+      name: image
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "3.0.8"
+  js:
+    dependency: transitive
+    description:
+      name: js
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.6.3"
   matcher:
     dependency: transitive
     description:
@@ -95,6 +184,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.7.0"
+  nested:
+    dependency: transitive
+    description:
+      name: nested
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.0.0"
   path:
     dependency: transitive
     description:
@@ -102,6 +198,83 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.8.0"
+  path_provider:
+    dependency: transitive
+    description:
+      name: path_provider
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.5"
+  path_provider_linux:
+    dependency: transitive
+    description:
+      name: path_provider_linux
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.1.0"
+  path_provider_macos:
+    dependency: transitive
+    description:
+      name: path_provider_macos
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.2"
+  path_provider_platform_interface:
+    dependency: transitive
+    description:
+      name: path_provider_platform_interface
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.1"
+  path_provider_windows:
+    dependency: transitive
+    description:
+      name: path_provider_windows
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.3"
+  petitparser:
+    dependency: transitive
+    description:
+      name: petitparser
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "4.4.0"
+  platform:
+    dependency: transitive
+    description:
+      name: platform
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "3.0.2"
+  plugin_platform_interface:
+    dependency: transitive
+    description:
+      name: plugin_platform_interface
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.2"
+  process:
+    dependency: transitive
+    description:
+      name: process
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "4.2.4"
+  provider:
+    dependency: "direct main"
+    description:
+      name: provider
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "6.0.1"
+  quiver:
+    dependency: transitive
+    description:
+      name: quiver
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "3.0.1+1"
   sky_engine:
     dependency: transitive
     description: flutter
@@ -114,6 +287,20 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.8.1"
+  sqflite:
+    dependency: "direct main"
+    description:
+      name: sqflite
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.0+4"
+  sqflite_common:
+    dependency: transitive
+    description:
+      name: sqflite_common
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.1+1"
   stack_trace:
     dependency: transitive
     description:
@@ -135,6 +322,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.1.0"
+  synchronized:
+    dependency: transitive
+    description:
+      name: synchronized
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "3.0.0"
   term_glyph:
     dependency: transitive
     description:
@@ -149,6 +343,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "0.4.2"
+  tuple:
+    dependency: "direct main"
+    description:
+      name: tuple
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.0"
   typed_data:
     dependency: transitive
     description:
@@ -156,6 +357,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.3.0"
+  universal_io:
+    dependency: transitive
+    description:
+      name: universal_io
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.4"
   vector_math:
     dependency: transitive
     description:
@@ -163,5 +371,34 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "2.1.0"
+  win32:
+    dependency: transitive
+    description:
+      name: win32
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.2.10"
+  xdg_directories:
+    dependency: transitive
+    description:
+      name: xdg_directories
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.2.0"
+  xml:
+    dependency: transitive
+    description:
+      name: xml
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "5.3.1"
+  yaml:
+    dependency: transitive
+    description:
+      name: yaml
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "3.1.0"
 sdks:
-  dart: ">=2.12.0 <3.0.0"
+  dart: ">=2.14.0 <3.0.0"
+  flutter: ">=2.5.0"
diff --git a/pubspec.yaml b/pubspec.yaml
index 1c93cc7..2dc7438 100644
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -34,11 +34,31 @@ dependencies:
   # The following adds the Cupertino Icons font to your application.
   # Use with the CupertinoIcons class for iOS style icons.
   cupertino_icons: ^1.0.2
+  sqflite:
+  fluttertoast:
+  provider:
+  tuple:
+  dio:
+  http:
+  google_fonts:
+
 
 dev_dependencies:
   flutter_test:
     sdk: flutter
+  flutter_native_splash: any
+  flutter_launcher_icons: "^0.9.2"
+
+flutter_icons:
+  android: "launcher_icon"
+  ios: true
+  image_path: "images/splash.png"
 
+flutter_native_splash:
+  color: "#ffffff"
+  image: images/splash.png
+  android: true
+  ios: true
   # The "flutter_lints" package below contains a set of recommended lints to
   # encourage good coding practices. The lint set provided by the package is
   # activated in the `analysis_options.yaml` file located at the root of your
@@ -58,8 +78,8 @@ flutter:
   uses-material-design: true
 
   # To add assets to your application, add an assets section, like this:
-  # assets:
-  #   - images/a_dot_burr.jpeg
+  assets:
+    - images/
   #   - images/a_dot_ham.jpeg
 
   # An image asset can refer to one or more resolution-specific "variants", see
diff --git a/web/index.html b/web/index.html
index d2606e7..48923e6 100644
--- a/web/index.html
+++ b/web/index.html
@@ -28,8 +28,9 @@
 
   <title>contacts_01</title>
   <link rel="manifest" href="manifest.json">
+  <link rel="stylesheet" type="text/css" href="splash/style.css">
 </head>
-<body>
+<body style="position: fixed; inset: 0px; overflow: hidden; padding: 0px; margin: 0px; user-select: none; touch-action: none; font: 14px sans-serif; color: red;">
   <!-- This script installs service_worker.js to provide PWA functionality to
        application. For more information, see:
        https://developers.google.com/web/fundamentals/primers/service-workers -->
@@ -97,5 +98,10 @@
       loadMainDartJs();
     }
   </script>
+  <picture id="splash">
+    <source srcset="splash/img/light-1x.png 1x, splash/img/light-2x.png 2x, splash/img/light-3x.png 3x, splash/img/light-4x.png 4x" media="(prefers-color-scheme: light) or (prefers-color-scheme: no-preference)">
+    <source srcset="splash/img/dark-1x.png 1x, splash/img/dark-2x.png 2x, splash/img/dark-3x.png 3x, splash/img/dark-4x.png 4x" media="(prefers-color-scheme: dark)">
+    <img class="center" src="splash/img/light-1x.png" />
+  </picture>
 </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/web/splash/img/dark-1x.png b/web/splash/img/dark-1x.png
new file mode 100644
index 0000000..a6c51ec
Binary files /dev/null and b/web/splash/img/dark-1x.png differ
diff --git a/web/splash/img/dark-2x.png b/web/splash/img/dark-2x.png
new file mode 100644
index 0000000..db7f496
Binary files /dev/null and b/web/splash/img/dark-2x.png differ
diff --git a/web/splash/img/dark-3x.png b/web/splash/img/dark-3x.png
new file mode 100644
index 0000000..4ae27ac
Binary files /dev/null and b/web/splash/img/dark-3x.png differ
diff --git a/web/splash/img/dark-4x.png b/web/splash/img/dark-4x.png
new file mode 100644
index 0000000..4b607f6
Binary files /dev/null and b/web/splash/img/dark-4x.png differ
diff --git a/web/splash/img/light-1x.png b/web/splash/img/light-1x.png
new file mode 100644
index 0000000..a6c51ec
Binary files /dev/null and b/web/splash/img/light-1x.png differ
diff --git a/web/splash/img/light-2x.png b/web/splash/img/light-2x.png
new file mode 100644
index 0000000..db7f496
Binary files /dev/null and b/web/splash/img/light-2x.png differ
diff --git a/web/splash/img/light-3x.png b/web/splash/img/light-3x.png
new file mode 100644
index 0000000..4ae27ac
Binary files /dev/null and b/web/splash/img/light-3x.png differ
diff --git a/web/splash/img/light-4x.png b/web/splash/img/light-4x.png
new file mode 100644
index 0000000..4b607f6
Binary files /dev/null and b/web/splash/img/light-4x.png differ
diff --git a/web/splash/style.css b/web/splash/style.css
new file mode 100644
index 0000000..23517e8
--- /dev/null
+++ b/web/splash/style.css
@@ -0,0 +1,43 @@
+body, html {
+  margin:0;
+  height:100%;
+  background: #ffffff;
+  
+  background-size: 100% 100%;
+}
+
+.center {
+  margin: 0;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -ms-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+}
+
+.contain {
+  display:block;
+  width:100%; height:100%;
+  object-fit: contain;
+}
+
+.stretch {
+  display:block;
+  width:100%; height:100%;
+}
+
+.cover {
+  display:block;
+  width:100%; height:100%;
+  object-fit: cover;
+}
+
+@media (prefers-color-scheme: dark) {
+  body {
+    margin:0;
+    height:100%;
+    background: #ffffff;
+    
+    background-size: 100% 100%;
+  }
+}