diff --git a/.idea/deploymentTargetDropDown.xml b/.idea/deploymentTargetDropDown.xml
new file mode 100644
index 0000000..075ca82
--- /dev/null
+++ b/.idea/deploymentTargetDropDown.xml
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="deploymentTargetDropDown">
+    <targetSelectedWithDropDown>
+      <Target>
+        <type value="QUICK_BOOT_TARGET" />
+        <deviceKey>
+          <Key>
+            <type value="VIRTUAL_DEVICE_PATH" />
+            <value value="C:\Users\vdjso\.android\avd\Jahid_Hasan.avd" />
+          </Key>
+        </deviceKey>
+      </Target>
+    </targetSelectedWithDropDown>
+    <timeTargetWasSelectedWithDropDown value="2022-08-01T13:16:39.392225Z" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/gradle.xml b/.idea/gradle.xml
index a9f4e52..a2d7c21 100644
--- a/.idea/gradle.xml
+++ b/.idea/gradle.xml
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
+  <component name="GradleMigrationSettings" migrationVersion="1" />
   <component name="GradleSettings">
     <option name="linkedExternalProjectsSettings">
       <GradleProjectSettings>
diff --git a/.idea/misc.xml b/.idea/misc.xml
index 1fa3671..26c8f92 100644
--- a/.idea/misc.xml
+++ b/.idea/misc.xml
@@ -3,7 +3,11 @@
   <component name="DesignSurface">
     <option name="filePathToZoomLevelMap">
       <map>
-        <entry key="..\:/Users/vdjso/AndroidStudioProjects/BMICalculator/app/src/main/res/layout/activity_main.xml" value="0.358695652173913" />
+        <entry key="..\:/Users/vdjso/AndroidStudioProjects/BMICalculator/app/src/main/res/drawable/rounded_dash.xml" value="0.157" />
+        <entry key="..\:/Users/vdjso/AndroidStudioProjects/BMICalculator/app/src/main/res/drawable/rounded_dash_main.xml" value="0.171" />
+        <entry key="..\:/Users/vdjso/AndroidStudioProjects/BMICalculator/app/src/main/res/layout/activity_main.xml" value="0.33" />
+        <entry key="..\:/Users/vdjso/AndroidStudioProjects/BMICalculator/app/src/main/res/layout/weather_picker_item_layout.xml" value="0.325" />
+        <entry key="..\:/Users/vdjso/AndroidStudioProjects/BMICalculator/app/src/main/res/layout/weight_picker_item_layout.xml" value="0.32592592592592595" />
       </map>
     </option>
   </component>
diff --git a/app/build.gradle b/app/build.gradle
index 86a75b7..43065e8 100644
--- a/app/build.gradle
+++ b/app/build.gradle
@@ -29,15 +29,23 @@ android {
     kotlinOptions {
         jvmTarget = '1.8'
     }
+    buildFeatures{
+        dataBinding = true
+    }
 }
 
 dependencies {
 
-    implementation 'androidx.core:core-ktx:1.7.0'
+    implementation 'androidx.core:core-ktx:1.8.0'
     implementation 'androidx.appcompat:appcompat:1.4.2'
     implementation 'com.google.android.material:material:1.6.1'
     implementation 'androidx.constraintlayout:constraintlayout:2.1.4'
     testImplementation 'junit:junit:4.13.2'
     androidTestImplementation 'androidx.test.ext:junit:1.1.3'
     androidTestImplementation 'androidx.test.espresso:espresso-core:3.4.0'
+
+    implementation  'com.github.paroca72:sc-gauges:3.5.4'
+    implementation  'com.github.adityagohad:HorizontalPicker:1.0.1'
+
+
 }
\ No newline at end of file
diff --git a/app/src/main/java/dev/jahidhasanco/bmicalculator/MainActivity.kt b/app/src/main/java/dev/jahidhasanco/bmicalculator/MainActivity.kt
index 19f4647..624a970 100644
--- a/app/src/main/java/dev/jahidhasanco/bmicalculator/MainActivity.kt
+++ b/app/src/main/java/dev/jahidhasanco/bmicalculator/MainActivity.kt
@@ -1,11 +1,61 @@
 package dev.jahidhasanco.bmicalculator
 
-import androidx.appcompat.app.AppCompatActivity
 import android.os.Bundle
+import androidx.appcompat.app.AppCompatActivity
+import androidx.databinding.DataBindingUtil
+import androidx.recyclerview.widget.LinearSnapHelper
+import androidx.recyclerview.widget.SnapHelper
+import com.sccomponents.gauges.library.ScArcGauge
+import dev.jahidhasanco.bmicalculator.databinding.ActivityMainBinding
+import dev.jahidhasanco.bmicalculator.presentation.adapter.WeightPickerAdapter
+import travel.ithaka.android.horizontalpickerlib.PickerLayoutManager
+
 
 class MainActivity : AppCompatActivity() {
+
+    private lateinit var binding: ActivityMainBinding
+    val _binding get() = binding
+
+    lateinit var weightAdapter:WeightPickerAdapter
+
+    private val mAngle = 1f
+
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
-        setContentView(R.layout.activity_main)
+        binding = DataBindingUtil.setContentView(this,R.layout.activity_main)
+
+        _binding.genderMeter.angleStart = mAngle
+
+        val pickerLayoutManager = PickerLayoutManager(this, PickerLayoutManager.HORIZONTAL, false)
+        pickerLayoutManager.apply {
+            isChangeAlpha = true
+            scaleDownBy = 0.99f
+            scaleDownDistance = 0.8f
+        }
+
+
+        val snapHelper: SnapHelper = LinearSnapHelper()
+        snapHelper.attachToRecyclerView(_binding.weightRecyclerBtn)
+
+        weightAdapter = WeightPickerAdapter(this, getData(100), _binding.weightRecyclerBtn)
+
+        _binding.weightRecyclerBtn.apply {
+            layoutManager = pickerLayoutManager
+            adapter = weightAdapter
+        }
+
+
+        pickerLayoutManager.setOnScrollStopListener {
+
+        }
+
+    }
+
+    fun getData(count: Int): List<String> {
+        val data: MutableList<String> = ArrayList()
+        for (i in 0 until count) {
+            data.add(i.toString())
+        }
+        return data
     }
 }
\ No newline at end of file
diff --git a/app/src/main/java/dev/jahidhasanco/bmicalculator/presentation/adapter/WeightPickerAdapter.kt b/app/src/main/java/dev/jahidhasanco/bmicalculator/presentation/adapter/WeightPickerAdapter.kt
new file mode 100644
index 0000000..b60bb76
--- /dev/null
+++ b/app/src/main/java/dev/jahidhasanco/bmicalculator/presentation/adapter/WeightPickerAdapter.kt
@@ -0,0 +1,50 @@
+package dev.jahidhasanco.bmicalculator.presentation.adapter
+
+
+import android.content.Context
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.widget.TextView
+import androidx.recyclerview.widget.RecyclerView
+import dev.jahidhasanco.bmicalculator.R
+
+
+class WeightPickerAdapter(private val context: Context, private var dataList: List<String>, private val recyclerView: RecyclerView) :
+    RecyclerView.Adapter<WeightPickerAdapter.TextVH>() {
+
+
+
+    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): TextVH {
+        val view: View
+        val inflater = LayoutInflater.from(context)
+        view = inflater.inflate(R.layout.weight_picker_item_layout, parent, false)
+        return TextVH(view)
+    }
+
+    override fun onBindViewHolder(holder: TextVH, position: Int) {
+
+        holder.pickerTxt.text = dataList[position]
+        holder.pickerTxt.setOnClickListener {
+            recyclerView.smoothScrollToPosition(position)
+        }
+    }
+
+    override fun getItemCount(): Int {
+        return dataList.size
+    }
+
+    fun swapData(newData: List<String>) {
+        dataList = newData
+        notifyDataSetChanged()
+    }
+
+     class TextVH(itemView: View) : RecyclerView.ViewHolder(itemView) {
+        var pickerTxt: TextView
+
+        init {
+            pickerTxt = itemView.findViewById(R.id.weight_picker_item)
+        }
+    }
+
+}
\ No newline at end of file
diff --git a/app/src/main/res/drawable/ic_baseline_expand_less_24.xml b/app/src/main/res/drawable/ic_baseline_expand_less_24.xml
new file mode 100644
index 0000000..1287cd8
--- /dev/null
+++ b/app/src/main/res/drawable/ic_baseline_expand_less_24.xml
@@ -0,0 +1,5 @@
+<vector android:height="24dp" android:tint="#4D7CF2"
+    android:viewportHeight="24" android:viewportWidth="24"
+    android:width="24dp" xmlns:android="http://schemas.android.com/apk/res/android">
+    <path android:fillColor="@android:color/white" android:pathData="M12,8l-6,6 1.41,1.41L12,10.83l4.59,4.58L18,14z"/>
+</vector>
diff --git a/app/src/main/res/drawable/rounded_dash.xml b/app/src/main/res/drawable/rounded_dash.xml
new file mode 100644
index 0000000..d4dbd39
--- /dev/null
+++ b/app/src/main/res/drawable/rounded_dash.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <solid android:color="@color/backgroundColorAdditional2"/>
+    <corners android:radius="40dp"/>
+
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/rounded_dash_main.xml b/app/src/main/res/drawable/rounded_dash_main.xml
new file mode 100644
index 0000000..c68c8dd
--- /dev/null
+++ b/app/src/main/res/drawable/rounded_dash_main.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <solid android:color="@color/backgroundColor"/>
+    <corners android:radius="10dp"/>
+
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/font/larsseit.otf b/app/src/main/res/font/larsseit.otf
new file mode 100644
index 0000000..bb5fdd2
Binary files /dev/null and b/app/src/main/res/font/larsseit.otf differ
diff --git a/app/src/main/res/font/larsseit_bold.otf b/app/src/main/res/font/larsseit_bold.otf
new file mode 100644
index 0000000..52f6be8
Binary files /dev/null and b/app/src/main/res/font/larsseit_bold.otf differ
diff --git a/app/src/main/res/font/larsseit_medium.otf b/app/src/main/res/font/larsseit_medium.otf
new file mode 100644
index 0000000..a999594
Binary files /dev/null and b/app/src/main/res/font/larsseit_medium.otf differ
diff --git a/app/src/main/res/layout/activity_main.xml b/app/src/main/res/layout/activity_main.xml
index 17eab17..164df97 100644
--- a/app/src/main/res/layout/activity_main.xml
+++ b/app/src/main/res/layout/activity_main.xml
@@ -1,18 +1,178 @@
 <?xml version="1.0" encoding="utf-8"?>
-<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+<layout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
-    xmlns:tools="http://schemas.android.com/tools"
-    android:layout_width="match_parent"
-    android:layout_height="match_parent"
-    tools:context=".MainActivity">
-
-    <TextView
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:text="Hello World!"
-        app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toTopOf="parent" />
-
-</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
+    xmlns:tools="http://schemas.android.com/tools">
+
+    <data>
+
+    </data>
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        tools:context=".MainActivity"
+        android:background="@color/backgroundColorAdditional"
+        >
+
+        <TextView
+            android:id="@+id/textView"
+            android:layout_width="match_parent"
+            android:layout_height="70dp"
+            android:fontFamily="@font/larsseit_bold"
+            android:gravity="center_vertical"
+            android:paddingLeft="20dp"
+            android:paddingRight="20dp"
+            android:text="@string/app_name"
+            android:background="@color/backgroundColor"
+            android:textColor="@color/textColor"
+            android:textSize="22sp"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+
+<!--    main container    -->
+        <LinearLayout
+            android:id="@+id/bodyContainer"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@+id/textView">
+
+<!--            gender and weight container-->
+            <LinearLayout
+                android:layout_weight="1"
+                android:orientation="vertical"
+                android:layout_width="0dp"
+                android:layout_height="match_parent"
+                >
+
+                <LinearLayout
+                    android:orientation="vertical"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content">
+
+                    <TextView
+                        android:gravity="center"
+                        android:layout_width="match_parent"
+                        android:layout_height="match_parent"
+                        android:text="GENDER"
+                        android:textColor="@color/textColor"
+                        android:textSize="20sp"
+                        android:fontFamily="@font/larsseit_medium"
+                        />
+
+                    <com.sccomponents.gauges.library.ScArcGauge
+                        android:id="@+id/gender_meter"
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        app:sccStrokeColor="#00000000"
+                        app:sccStrokeWidth="1dip"
+                        app:sccNotches="3"
+                        app:sccNotchesColor="@color/primaryColor"
+                        app:sccNotchesHeight="10dp"
+                        app:sccNotchesWidth="10dip"
+                        app:sccAngleSweep="-180"
+                        android:layout_gravity="center"
+                        android:paddingBottom="20dp"
+                        android:paddingLeft="10dp"
+                        android:paddingTop="10dp"
+                        android:paddingRight="10dp"/>
+
+                </LinearLayout>
+<!--                <com.sccomponents.gauges.library.ScArcGauge-->
+<!--                    android:layout_width="match_parent"-->
+<!--                    android:layout_height="match_parent"-->
+<!--                    android:maxLength="100"-->
+
+
+<!--            Weight Container        />-->
+
+                <LinearLayout
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:orientation="vertical"
+                    android:background="@drawable/rounded_dash_main"
+                    >
+
+                    <LinearLayout
+                        android:orientation="horizontal"
+                        android:layout_width="match_parent"
+                        android:layout_height="50dp"
+                        android:gravity="center"
+                        android:paddingBottom="10dp"
+                        >
+
+                        <TextView
+                            android:gravity="bottom"
+                            android:layout_width="wrap_content"
+                            android:layout_height="match_parent"
+                            android:text="WEIGHT"
+                            android:textColor="@color/textColor"
+                            android:textSize="20sp"
+                            android:fontFamily="@font/larsseit_medium"
+                            />
+                        <TextView
+                            android:gravity="bottom"
+                            android:layout_width="wrap_content"
+                            android:layout_height="match_parent"
+                            android:text="(KG)"
+                            android:paddingBottom="2.1dp"
+                            android:textColor="@color/textColorAdditional"
+                            android:textSize="12sp"
+                            android:fontFamily="@font/larsseit_medium"
+                            />
+
+                    </LinearLayout>
+
+                    <LinearLayout
+                        android:layout_marginTop="30dp"
+                        android:layout_width="match_parent"
+                        android:layout_height="80dp"
+                        android:background="@drawable/rounded_dash"
+                        android:layout_marginStart="10dp"
+                        android:layout_marginEnd="10dp"
+                        >
+
+                        <androidx.recyclerview.widget.RecyclerView
+                            android:id="@+id/weightRecyclerBtn"
+                            android:layout_width="match_parent"
+                            android:layout_height="wrap_content"
+                            android:layout_gravity="center"
+                            android:clipToPadding="false"
+                            android:paddingStart="40dp"
+                            android:paddingEnd="40dp"
+                            app:layout_constraintTop_toBottomOf="@+id/bodyContainer" />
+
+                    </LinearLayout>
+
+                    <ImageView
+                        android:layout_width="match_parent"
+                        android:layout_height="30dp"
+                        android:src="@drawable/ic_baseline_expand_less_24"
+                        android:scaleType="fitCenter"
+                        android:layout_marginBottom="10dp"
+                        />
+
+
+                </LinearLayout>
+
+
+            </LinearLayout>
+
+
+<!--            Height Container-->
+            <LinearLayout
+                android:layout_weight="1"
+                android:layout_width="0dp"
+                android:layout_height="match_parent">
+
+            </LinearLayout>
+
+
+        </LinearLayout>
+
+
+
+    </androidx.constraintlayout.widget.ConstraintLayout>
+</layout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/weight_picker_item_layout.xml b/app/src/main/res/layout/weight_picker_item_layout.xml
new file mode 100644
index 0000000..a8dfb38
--- /dev/null
+++ b/app/src/main/res/layout/weight_picker_item_layout.xml
@@ -0,0 +1,8 @@
+<TextView xmlns:android="http://schemas.android.com/apk/res/android"
+    android:id="@+id/weight_picker_item"
+    android:layout_width="wrap_content"
+    android:layout_height="wrap_content"
+    android:textSize="25sp"
+    android:textColor="@color/textColor"
+    android:fontFamily="@font/larsseit"
+    android:layout_margin="5dp"/>
\ No newline at end of file
diff --git a/app/src/main/res/values-night/themes.xml b/app/src/main/res/values-night/themes.xml
index 8ddcb54..98a42f0 100644
--- a/app/src/main/res/values-night/themes.xml
+++ b/app/src/main/res/values-night/themes.xml
@@ -1,6 +1,6 @@
 <resources xmlns:tools="http://schemas.android.com/tools">
     <!-- Base application theme. -->
-    <style name="Theme.BMICalculator" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
+    <style name="Theme.BMICalculator" parent="Theme.MaterialComponents.DayNight.NoActionBar">
         <!-- Primary brand color. -->
         <item name="colorPrimary">@color/primaryColor</item>
         <item name="colorPrimaryVariant">@color/primaryColor</item>
diff --git a/app/src/main/res/values/colors.xml b/app/src/main/res/values/colors.xml
index 0d89061..6e44ddf 100644
--- a/app/src/main/res/values/colors.xml
+++ b/app/src/main/res/values/colors.xml
@@ -5,7 +5,8 @@
 
     <color name="primaryColor">#4D7CF2</color>
     <color name="backgroundColor">#FFFFFF</color>
-    <color name="backgroundColorAdditional">#D5D7D8</color>
+    <color name="backgroundColorAdditional">#F6F6F6</color>
+    <color name="backgroundColorAdditional2">#F9F9F9</color>
     <color name="textColor">#151E2B</color>
     <color name="textColorAdditional">#343E45</color>
 
diff --git a/app/src/main/res/values/themes.xml b/app/src/main/res/values/themes.xml
index 1af5247..71dd1f0 100644
--- a/app/src/main/res/values/themes.xml
+++ b/app/src/main/res/values/themes.xml
@@ -1,6 +1,6 @@
 <resources xmlns:tools="http://schemas.android.com/tools">
     <!-- Base application theme. -->
-    <style name="Theme.BMICalculator" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
+    <style name="Theme.BMICalculator" parent="Theme.MaterialComponents.DayNight.NoActionBar">
         <!-- Primary brand color. -->
         <item name="colorPrimary">@color/primaryColor</item>
         <item name="colorPrimaryVariant">@color/primaryColor</item>
@@ -11,6 +11,7 @@
         <item name="colorOnSecondary">@color/black</item>
         <!-- Status bar color. -->
         <item name="android:statusBarColor" tools:targetApi="l">?attr/colorOnPrimary</item>
+        <item name="android:windowLightStatusBar">true</item>
         <!-- Customize your theme here. -->
     </style>
 
diff --git a/gradle.properties b/gradle.properties
index cd0519b..571f6dd 100644
--- a/gradle.properties
+++ b/gradle.properties
@@ -15,6 +15,7 @@ org.gradle.jvmargs=-Xmx2048m -Dfile.encoding=UTF-8
 # Android operating system, and which are packaged with your app"s APK
 # https://developer.android.com/topic/libraries/support-library/androidx-rn
 android.useAndroidX=true
+android.enableJetifier=true
 # Kotlin code style for this project: "official" or "obsolete":
 kotlin.code.style=official
 # Enables namespacing of each library's R class so that its R class includes only the
diff --git a/settings.gradle b/settings.gradle
index aa2f173..5b96931 100644
--- a/settings.gradle
+++ b/settings.gradle
@@ -3,6 +3,7 @@ pluginManagement {
         gradlePluginPortal()
         google()
         mavenCentral()
+        maven { url "https://jitpack.io" }
     }
 }
 dependencyResolutionManagement {
@@ -10,6 +11,7 @@ dependencyResolutionManagement {
     repositories {
         google()
         mavenCentral()
+        maven { url "https://jitpack.io" }
     }
 }
 rootProject.name = "BMI Calculator"