diff --git a/.gitignore b/.gitignore
index aa724b7..1afd4d5 100644
--- a/.gitignore
+++ b/.gitignore
@@ -13,3 +13,4 @@
 .externalNativeBuild
 .cxx
 local.properties
+/.idea/misc.xml
\ 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 2a4d5b5..b8cbd6d 100644
--- a/.idea/misc.xml
+++ b/.idea/misc.xml
@@ -1,5 +1,22 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
+  <component name="DesignSurface">
+    <option name="filePathToZoomLevelMap">
+      <map>
+        <entry key="..\:/Users/ACER/AndroidStudioProjects/AndroidD20/app/src/main/res/drawable/background_activity.xml" value="0.212" />
+        <entry key="..\:/Users/ACER/AndroidStudioProjects/AndroidD20/app/src/main/res/drawable/background_custom.xml" value="0.212" />
+        <entry key="..\:/Users/ACER/AndroidStudioProjects/AndroidD20/app/src/main/res/drawable/ic_launcher_background.xml" value="0.212" />
+        <entry key="..\:/Users/ACER/AndroidStudioProjects/AndroidD20/app/src/main/res/drawable/login_btn.xml" value="0.212" />
+        <entry key="..\:/Users/ACER/AndroidStudioProjects/AndroidD20/app/src/main/res/layout/activity_main.xml" value="0.3723958333333333" />
+        <entry key="..\:/Users/ACER/AndroidStudioProjects/AndroidD20/app/src/main/res/layout/content_activity.xml" value="0.264" />
+        <entry key="..\:/Users/ACER/AndroidStudioProjects/AndroidD20/app/src/main/res/layout/fragment_content_activity.xml" value="0.23453947368421052" />
+        <entry key="..\:/Users/ACER/AndroidStudioProjects/AndroidD20/app/src/main/res/layout/fragment_login.xml" value="0.264" />
+        <entry key="..\:/Users/ACER/AndroidStudioProjects/AndroidD20/app/src/main/res/layout/fragment_login2.xml" value="0.3723958333333333" />
+        <entry key="..\:/Users/ACER/AndroidStudioProjects/AndroidD20/app/src/main/res/layout/fragment_sign_in.xml" value="0.37135416666666665" />
+        <entry key="..\:/Users/ACER/AndroidStudioProjects/AndroidD20/app/src/main/res/layout/fragment_sign_up.xml" value="0.37135416666666665" />
+      </map>
+    </option>
+  </component>
   <component name="ProjectRootManager" version="2" languageLevel="JDK_11" default="true" project-jdk-name="Android Studio default JDK" project-jdk-type="JavaSDK">
     <output url="file://$PROJECT_DIR$/build/classes" />
   </component>
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
new file mode 100644
index 0000000..35eb1dd
--- /dev/null
+++ b/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/app/build.gradle b/app/build.gradle
index bd2a8f5..c5d22a4 100644
--- a/app/build.gradle
+++ b/app/build.gradle
@@ -6,6 +6,10 @@ plugins {
 android {
     compileSdk 32
 
+    buildFeatures{
+        viewBinding = true
+    }
+
     defaultConfig {
         applicationId "com.sudo.androidd20"
         minSdk 23
@@ -29,6 +33,9 @@ android {
     kotlinOptions {
         jvmTarget = '1.8'
     }
+    buildFeatures {
+        viewBinding true
+    }
 }
 
 dependencies {
@@ -37,7 +44,14 @@ dependencies {
     implementation 'androidx.appcompat:appcompat:1.4.2'
     implementation 'com.google.android.material:material:1.6.1'
     implementation 'androidx.constraintlayout:constraintlayout:2.1.4'
+    implementation 'androidx.annotation:annotation:1.2.0'
+    implementation 'androidx.lifecycle:lifecycle-livedata-ktx:2.3.1'
+    implementation 'androidx.lifecycle:lifecycle-viewmodel-ktx:2.3.1'
     testImplementation 'junit:junit:4.13.2'
     androidTestImplementation 'androidx.test.ext:junit:1.1.3'
     androidTestImplementation 'androidx.test.espresso:espresso-core:3.4.0'
+
+    def fragment_version = "1.5.0"
+    implementation "androidx.fragment:fragment:$fragment_version"
+    implementation "androidx.fragment:fragment-ktx:$fragment_version"
 }
\ No newline at end of file
diff --git a/app/src/main/AndroidManifest.xml b/app/src/main/AndroidManifest.xml
index 6b425a5..efce045 100644
--- a/app/src/main/AndroidManifest.xml
+++ b/app/src/main/AndroidManifest.xml
@@ -22,6 +22,13 @@
                 <category android:name="android.intent.category.LAUNCHER" />
             </intent-filter>
         </activity>
+
+        <activity
+            android:name=".ContentActivity"
+            android:exported="true">
+        </activity>
+
     </application>
 
+
 </manifest>
\ No newline at end of file
diff --git a/app/src/main/java/com/sudo/androidd20/ContentActivity.kt b/app/src/main/java/com/sudo/androidd20/ContentActivity.kt
new file mode 100644
index 0000000..2db8b04
--- /dev/null
+++ b/app/src/main/java/com/sudo/androidd20/ContentActivity.kt
@@ -0,0 +1,27 @@
+package com.sudo.androidd20
+
+import android.content.Intent
+import android.os.Bundle
+import android.widget.Button
+import android.widget.TextView
+import androidx.appcompat.app.AppCompatActivity
+
+class ContentActivity : AppCompatActivity() {
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        setContentView(R.layout.content_activity)
+        val tv_user  = findViewById(R.id.tv_lineUser) as TextView
+        val tv_pass = findViewById(R.id.tv_linepassword) as TextView
+        val btn_logout = findViewById(R.id.btn_logout) as Button
+
+        tv_user.text = intent?.getStringExtra("user").toString()
+        tv_pass.text = intent?.getStringExtra("password").toString()
+        btn_logout.setOnClickListener{
+            val intent = Intent(this,MainActivity::class.java)
+            startActivity(intent)
+        }
+    }
+
+
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/sudo/androidd20/LogInFragment.kt b/app/src/main/java/com/sudo/androidd20/LogInFragment.kt
new file mode 100644
index 0000000..a230322
--- /dev/null
+++ b/app/src/main/java/com/sudo/androidd20/LogInFragment.kt
@@ -0,0 +1,76 @@
+package com.sudo.androidd20
+
+import android.content.Intent
+import android.graphics.Paint
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.widget.Toast
+import androidx.fragment.app.Fragment
+import com.sudo.androidd20.databinding.FragmentLoginBinding
+
+class LogInFragment : Fragment() {
+
+    private var _binding: FragmentLoginBinding? = null
+    private val binding get() = _binding!!
+    var accounts:ArrayList<User> = arrayListOf()
+
+    override fun onCreateView(
+        inflater: LayoutInflater, container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ) : View? {
+        _binding = FragmentLoginBinding.inflate(inflater,container,false)
+        binding.tvSignup.paintFlags = Paint.UNDERLINE_TEXT_FLAG
+
+        //getting data
+        arguments?.let {
+            accounts = it.getSerializable("acc") as ArrayList<User>
+        }
+        binding.btnLogin.setOnClickListener{
+            val email = binding.etUsername.text.toString()
+            val password = binding.etPassword.text.toString()
+            if(!isEmailValid(email)) Toast.makeText(
+                context,
+                "You didn't enter email in the right way!",
+                Toast.LENGTH_LONG
+            ).show()
+            else if(email.isEmpty()) Toast.makeText(
+                context,
+                "Email must not be empty!! Try again",
+                Toast.LENGTH_LONG
+            ).show()
+            else if(password.isEmpty()) Toast.makeText(
+                context,
+                "Password must not be empty!! Try again",
+                Toast.LENGTH_LONG
+            ).show()
+
+            val login_user = User(email,password)
+            if(accounts.contains(login_user)){
+                val intent = Intent(context,ContentActivity::class.java)
+
+                intent.putExtra("user",login_user.email.toString())
+                intent.putExtra("password",login_user.password.toString())
+                startActivity(intent)
+            } else{
+                Toast.makeText(context,"Wrong password or email", Toast.LENGTH_LONG).show()
+            }
+        }
+
+        binding.tvSignup.setOnClickListener {
+            val FragmentSignUP = SignUpFragment()
+            val transaction = requireActivity().supportFragmentManager.beginTransaction()
+            transaction.apply {
+                replace(R.id.fragment_menu,FragmentSignUP)
+                commit()
+            }
+        }
+
+        return binding.root
+    }
+
+    private fun isEmailValid(email: String):Boolean{
+        return android.util.Patterns.EMAIL_ADDRESS.matcher(email).matches()
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/sudo/androidd20/MainActivity.kt b/app/src/main/java/com/sudo/androidd20/MainActivity.kt
index 4249a08..f1c7225 100644
--- a/app/src/main/java/com/sudo/androidd20/MainActivity.kt
+++ b/app/src/main/java/com/sudo/androidd20/MainActivity.kt
@@ -4,8 +4,15 @@ import androidx.appcompat.app.AppCompatActivity
 import android.os.Bundle
 
 class MainActivity : AppCompatActivity() {
+
+    val logInFragment = LogInFragment()
+
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
         setContentView(R.layout.activity_main)
+        supportFragmentManager.beginTransaction().apply {
+            replace(R.id.fragment_menu,logInFragment)
+            commit()
+        }
     }
 }
\ No newline at end of file
diff --git a/app/src/main/java/com/sudo/androidd20/SignUpFragment.kt b/app/src/main/java/com/sudo/androidd20/SignUpFragment.kt
new file mode 100644
index 0000000..4eb12ab
--- /dev/null
+++ b/app/src/main/java/com/sudo/androidd20/SignUpFragment.kt
@@ -0,0 +1,82 @@
+package com.sudo.androidd20
+
+import android.graphics.Paint
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.widget.Toast
+import androidx.fragment.app.Fragment
+import com.sudo.androidd20.databinding.FragmentLoginBinding
+import com.sudo.androidd20.databinding.FragmentSignUpBinding
+
+class SignUpFragment : Fragment(R.layout.fragment_sign_up) {
+
+    private var _binding: FragmentSignUpBinding? = null
+    private val binding get() = _binding!!
+    var accounts:ArrayList<User> = arrayListOf()
+
+    override fun onCreateView(
+        inflater: LayoutInflater, container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ) : View? {
+        _binding = FragmentSignUpBinding.inflate(inflater, container, false)
+        binding.tvLogIn.paintFlags = Paint.UNDERLINE_TEXT_FLAG
+
+        binding.btnSignUp.setOnClickListener{
+            val email = binding.etUsername.text.toString()
+            val password = binding.etPassword.text.toString()
+            val confirm_password = binding.etConfirmPassword.text.toString()
+            if(!isEmailValid(email)) Toast.makeText(
+                context,
+                "You didn't enter email in the right way!",
+                Toast.LENGTH_LONG
+            ).show()
+            else if(email.isEmpty()) Toast.makeText(
+                context,
+                "Email must not be empty!! Try again",
+                Toast.LENGTH_LONG
+            ).show()
+            else if(password.isEmpty()) Toast.makeText(
+                context,
+                "Password must not be empty!! Try again",
+                Toast.LENGTH_LONG
+            ).show()
+            else if(confirm_password.isEmpty()) Toast.makeText(
+                context,
+                "Confirm password must not be empty!! Try again",
+                Toast.LENGTH_LONG
+            )
+            else if(confirm_password != password) Toast.makeText(
+                context,
+                "Confirm password is not correct!",
+                Toast.LENGTH_LONG
+            ).show()
+            else{
+                accounts.add(User(email,password))
+                Toast.makeText(context,"Successfull",Toast.LENGTH_SHORT).show()
+            }
+        }
+
+        binding.tvLogIn.setOnClickListener {
+            val FragmentLogin = LogInFragment()
+
+            val bundle = Bundle()
+            FragmentLogin.arguments = bundle
+            bundle.putSerializable("acc",accounts)
+
+            val transaction = requireActivity().supportFragmentManager.beginTransaction()
+            transaction.apply {
+                replace(R.id.fragment_menu,FragmentLogin)
+                commit()
+            }
+        }
+
+
+        return binding.root
+    }
+
+    fun isEmailValid(email:String) : Boolean{
+        return android.util.Patterns.EMAIL_ADDRESS.matcher(email).matches()
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/sudo/androidd20/User.kt b/app/src/main/java/com/sudo/androidd20/User.kt
new file mode 100644
index 0000000..364390c
--- /dev/null
+++ b/app/src/main/java/com/sudo/androidd20/User.kt
@@ -0,0 +1,5 @@
+package com.sudo.androidd20
+
+import java.io.Serializable
+
+data class User(val email:String?,val password:String?) : Serializable
\ No newline at end of file
diff --git a/app/src/main/java/com/sudo/androidd20/data/LoginDataSource.kt b/app/src/main/java/com/sudo/androidd20/data/LoginDataSource.kt
new file mode 100644
index 0000000..efd7dc1
--- /dev/null
+++ b/app/src/main/java/com/sudo/androidd20/data/LoginDataSource.kt
@@ -0,0 +1,24 @@
+package com.sudo.androidd20.data
+
+import com.sudo.androidd20.data.model.LoggedInUser
+import java.io.IOException
+
+/**
+ * Class that handles authentication w/ login credentials and retrieves user information.
+ */
+class LoginDataSource {
+
+    fun login(username: String, password: String): Result<LoggedInUser> {
+        try {
+            // TODO: handle loggedInUser authentication
+            val fakeUser = LoggedInUser(java.util.UUID.randomUUID().toString(), "Jane Doe")
+            return Result.Success(fakeUser)
+        } catch (e: Throwable) {
+            return Result.Error(IOException("Error logging in", e))
+        }
+    }
+
+    fun logout() {
+        // TODO: revoke authentication
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/sudo/androidd20/data/LoginRepository.kt b/app/src/main/java/com/sudo/androidd20/data/LoginRepository.kt
new file mode 100644
index 0000000..467bf87
--- /dev/null
+++ b/app/src/main/java/com/sudo/androidd20/data/LoginRepository.kt
@@ -0,0 +1,46 @@
+package com.sudo.androidd20.data
+
+import com.sudo.androidd20.data.model.LoggedInUser
+
+/**
+ * Class that requests authentication and user information from the remote data source and
+ * maintains an in-memory cache of login status and user credentials information.
+ */
+
+class LoginRepository(val dataSource: LoginDataSource) {
+
+    // in-memory cache of the loggedInUser object
+    var user: LoggedInUser? = null
+        private set
+
+    val isLoggedIn: Boolean
+        get() = user != null
+
+    init {
+        // If user credentials will be cached in local storage, it is recommended it be encrypted
+        // @see https://developer.android.com/training/articles/keystore
+        user = null
+    }
+
+    fun logout() {
+        user = null
+        dataSource.logout()
+    }
+
+    fun login(username: String, password: String): Result<LoggedInUser> {
+        // handle login
+        val result = dataSource.login(username, password)
+
+        if (result is Result.Success) {
+            setLoggedInUser(result.data)
+        }
+
+        return result
+    }
+
+    private fun setLoggedInUser(loggedInUser: LoggedInUser) {
+        this.user = loggedInUser
+        // If user credentials will be cached in local storage, it is recommended it be encrypted
+        // @see https://developer.android.com/training/articles/keystore
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/sudo/androidd20/data/Result.kt b/app/src/main/java/com/sudo/androidd20/data/Result.kt
new file mode 100644
index 0000000..54f3dbb
--- /dev/null
+++ b/app/src/main/java/com/sudo/androidd20/data/Result.kt
@@ -0,0 +1,18 @@
+package com.sudo.androidd20.data
+
+/**
+ * A generic class that holds a value with its loading status.
+ * @param <T>
+ */
+sealed class Result<out T : Any> {
+
+    data class Success<out T : Any>(val data: T) : Result<T>()
+    data class Error(val exception: Exception) : Result<Nothing>()
+
+    override fun toString(): String {
+        return when (this) {
+            is Success<*> -> "Success[data=$data]"
+            is Error -> "Error[exception=$exception]"
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/sudo/androidd20/data/model/LoggedInUser.kt b/app/src/main/java/com/sudo/androidd20/data/model/LoggedInUser.kt
new file mode 100644
index 0000000..a3076d6
--- /dev/null
+++ b/app/src/main/java/com/sudo/androidd20/data/model/LoggedInUser.kt
@@ -0,0 +1,9 @@
+package com.sudo.androidd20.data.model
+
+/**
+ * Data class that captures user information for logged in users retrieved from LoginRepository
+ */
+data class LoggedInUser(
+    val userId: String,
+    val displayName: String
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/sudo/androidd20/ui/login/LoggedInUserView.kt b/app/src/main/java/com/sudo/androidd20/ui/login/LoggedInUserView.kt
new file mode 100644
index 0000000..3fb1ecd
--- /dev/null
+++ b/app/src/main/java/com/sudo/androidd20/ui/login/LoggedInUserView.kt
@@ -0,0 +1,9 @@
+package com.sudo.androidd20.ui.login
+
+/**
+ * User details post authentication that is exposed to the UI
+ */
+data class LoggedInUserView(
+    val displayName: String
+    //... other data fields that may be accessible to the UI
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/sudo/androidd20/ui/login/LoginFormState.kt b/app/src/main/java/com/sudo/androidd20/ui/login/LoginFormState.kt
new file mode 100644
index 0000000..67c26da
--- /dev/null
+++ b/app/src/main/java/com/sudo/androidd20/ui/login/LoginFormState.kt
@@ -0,0 +1,10 @@
+package com.sudo.androidd20.ui.login
+
+/**
+ * Data validation state of the login form.
+ */
+data class LoginFormState(
+    val usernameError: Int? = null,
+    val passwordError: Int? = null,
+    val isDataValid: Boolean = false
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/sudo/androidd20/ui/login/LoginFragment.kt b/app/src/main/java/com/sudo/androidd20/ui/login/LoginFragment.kt
new file mode 100644
index 0000000..79db41e
--- /dev/null
+++ b/app/src/main/java/com/sudo/androidd20/ui/login/LoginFragment.kt
@@ -0,0 +1,128 @@
+package com.sudo.androidd20.ui.login
+
+import androidx.lifecycle.Observer
+import androidx.lifecycle.ViewModelProvider
+import androidx.annotation.StringRes
+import androidx.fragment.app.Fragment
+import android.os.Bundle
+import android.text.Editable
+import android.text.TextWatcher
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.view.inputmethod.EditorInfo
+import android.widget.Button
+import android.widget.EditText
+import android.widget.ProgressBar
+import android.widget.Toast
+import com.sudo.androidd20.databinding.FragmentLoginBinding
+
+import com.sudo.androidd20.R
+
+class LoginFragment : Fragment() {
+
+    private lateinit var loginViewModel: LoginViewModel
+    private var _binding: FragmentLoginBinding? = null
+
+    // This property is only valid between onCreateView and
+    // onDestroyView.
+    private val binding get() = _binding!!
+
+    override fun onCreateView(
+        inflater: LayoutInflater,
+        container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+
+        _binding = FragmentLoginBinding.inflate(inflater, container, false)
+        return binding.root
+
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+        loginViewModel = ViewModelProvider(this, LoginViewModelFactory())
+            .get(LoginViewModel::class.java)
+
+        val usernameEditText = binding.etUsername
+        val passwordEditText = binding.etPassword
+        val loginButton = binding.btnLogin
+
+        loginViewModel.loginFormState.observe(viewLifecycleOwner,
+            Observer { loginFormState ->
+                if (loginFormState == null) {
+                    return@Observer
+                }
+                loginButton.isEnabled = loginFormState.isDataValid
+                loginFormState.usernameError?.let {
+                    usernameEditText.error = getString(it)
+                }
+                loginFormState.passwordError?.let {
+                    passwordEditText.error = getString(it)
+                }
+            })
+
+        loginViewModel.loginResult.observe(viewLifecycleOwner,
+            Observer { loginResult ->
+                loginResult ?: return@Observer
+                loginResult.error?.let {
+                    showLoginFailed(it)
+                }
+                loginResult.success?.let {
+                    updateUiWithUser(it)
+                }
+            })
+
+        val afterTextChangedListener = object : TextWatcher {
+            override fun beforeTextChanged(s: CharSequence, start: Int, count: Int, after: Int) {
+                // ignore
+            }
+
+            override fun onTextChanged(s: CharSequence, start: Int, before: Int, count: Int) {
+                // ignore
+            }
+
+            override fun afterTextChanged(s: Editable) {
+                loginViewModel.loginDataChanged(
+                    usernameEditText.text.toString(),
+                    passwordEditText.text.toString()
+                )
+            }
+        }
+        usernameEditText.addTextChangedListener(afterTextChangedListener)
+        passwordEditText.addTextChangedListener(afterTextChangedListener)
+        passwordEditText.setOnEditorActionListener { _, actionId, _ ->
+            if (actionId == EditorInfo.IME_ACTION_DONE) {
+                loginViewModel.login(
+                    usernameEditText.text.toString(),
+                    passwordEditText.text.toString()
+                )
+            }
+            false
+        }
+
+        loginButton.setOnClickListener {
+            loginViewModel.login(
+                usernameEditText.text.toString(),
+                passwordEditText.text.toString()
+            )
+        }
+    }
+
+    private fun updateUiWithUser(model: LoggedInUserView) {
+        val welcome = getString(R.string.welcome) + model.displayName
+        // TODO : initiate successful logged in experience
+        val appContext = context?.applicationContext ?: return
+        Toast.makeText(appContext, welcome, Toast.LENGTH_LONG).show()
+    }
+
+    private fun showLoginFailed(@StringRes errorString: Int) {
+        val appContext = context?.applicationContext ?: return
+        Toast.makeText(appContext, errorString, Toast.LENGTH_LONG).show()
+    }
+
+    override fun onDestroyView() {
+        super.onDestroyView()
+        _binding = null
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/sudo/androidd20/ui/login/LoginResult.kt b/app/src/main/java/com/sudo/androidd20/ui/login/LoginResult.kt
new file mode 100644
index 0000000..fc16913
--- /dev/null
+++ b/app/src/main/java/com/sudo/androidd20/ui/login/LoginResult.kt
@@ -0,0 +1,9 @@
+package com.sudo.androidd20.ui.login
+
+/**
+ * Authentication result : success (user details) or error message.
+ */
+data class LoginResult(
+    val success: LoggedInUserView? = null,
+    val error: Int? = null
+)
\ No newline at end of file
diff --git a/app/src/main/java/com/sudo/androidd20/ui/login/LoginViewModel.kt b/app/src/main/java/com/sudo/androidd20/ui/login/LoginViewModel.kt
new file mode 100644
index 0000000..9c8b7d9
--- /dev/null
+++ b/app/src/main/java/com/sudo/androidd20/ui/login/LoginViewModel.kt
@@ -0,0 +1,55 @@
+package com.sudo.androidd20.ui.login
+
+import androidx.lifecycle.LiveData
+import androidx.lifecycle.MutableLiveData
+import androidx.lifecycle.ViewModel
+import android.util.Patterns
+import com.sudo.androidd20.data.LoginRepository
+import com.sudo.androidd20.data.Result
+
+import com.sudo.androidd20.R
+
+class LoginViewModel(private val loginRepository: LoginRepository) : ViewModel() {
+
+    private val _loginForm = MutableLiveData<LoginFormState>()
+    val loginFormState: LiveData<LoginFormState> = _loginForm
+
+    private val _loginResult = MutableLiveData<LoginResult>()
+    val loginResult: LiveData<LoginResult> = _loginResult
+
+    fun login(username: String, password: String) {
+        // can be launched in a separate asynchronous job
+        val result = loginRepository.login(username, password)
+
+        if (result is Result.Success) {
+            _loginResult.value =
+                LoginResult(success = LoggedInUserView(displayName = result.data.displayName))
+        } else {
+            _loginResult.value = LoginResult(error = R.string.login_failed)
+        }
+    }
+
+    fun loginDataChanged(username: String, password: String) {
+        if (!isUserNameValid(username)) {
+            _loginForm.value = LoginFormState(usernameError = R.string.invalid_username)
+        } else if (!isPasswordValid(password)) {
+            _loginForm.value = LoginFormState(passwordError = R.string.invalid_password)
+        } else {
+            _loginForm.value = LoginFormState(isDataValid = true)
+        }
+    }
+
+    // A placeholder username validation check
+    private fun isUserNameValid(username: String): Boolean {
+        return if (username.contains("@")) {
+            Patterns.EMAIL_ADDRESS.matcher(username).matches()
+        } else {
+            username.isNotBlank()
+        }
+    }
+
+    // A placeholder password validation check
+    private fun isPasswordValid(password: String): Boolean {
+        return password.length > 5
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/sudo/androidd20/ui/login/LoginViewModelFactory.kt b/app/src/main/java/com/sudo/androidd20/ui/login/LoginViewModelFactory.kt
new file mode 100644
index 0000000..05d7e18
--- /dev/null
+++ b/app/src/main/java/com/sudo/androidd20/ui/login/LoginViewModelFactory.kt
@@ -0,0 +1,25 @@
+package com.sudo.androidd20.ui.login
+
+import androidx.lifecycle.ViewModel
+import androidx.lifecycle.ViewModelProvider
+import com.sudo.androidd20.data.LoginDataSource
+import com.sudo.androidd20.data.LoginRepository
+
+/**
+ * ViewModel provider factory to instantiate LoginViewModel.
+ * Required given LoginViewModel has a non-empty constructor
+ */
+class LoginViewModelFactory : ViewModelProvider.Factory {
+
+    @Suppress("UNCHECKED_CAST")
+    override fun <T : ViewModel> create(modelClass: Class<T>): T {
+        if (modelClass.isAssignableFrom(LoginViewModel::class.java)) {
+            return LoginViewModel(
+                loginRepository = LoginRepository(
+                    dataSource = LoginDataSource()
+                )
+            ) as T
+        }
+        throw IllegalArgumentException("Unknown ViewModel class")
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/res/drawable/background_activity.xml b/app/src/main/res/drawable/background_activity.xml
new file mode 100644
index 0000000..fe0559e
--- /dev/null
+++ b/app/src/main/res/drawable/background_activity.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+
+    <gradient
+        android:angle="-90"
+        android:endColor="#97dfe9"
+        android:startColor="#42b3f5" />
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/background_custom.xml b/app/src/main/res/drawable/background_custom.xml
new file mode 100644
index 0000000..040208a
--- /dev/null
+++ b/app/src/main/res/drawable/background_custom.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+
+    <gradient
+        android:angle="-90"
+        android:endColor="@color/white"
+        android:startColor="#429ef5"
+        android:type="linear" />
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/login_btn.xml b/app/src/main/res/drawable/login_btn.xml
new file mode 100644
index 0000000..79b78f6
--- /dev/null
+++ b/app/src/main/res/drawable/login_btn.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <solid android:color="@color/teal_700"/>
+    <corners android:radius="20dp"
+        />
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/layout/activity_main.xml b/app/src/main/res/layout/activity_main.xml
index 17eab17..7446d47 100644
--- a/app/src/main/res/layout/activity_main.xml
+++ b/app/src/main/res/layout/activity_main.xml
@@ -6,13 +6,18 @@
     android:layout_height="match_parent"
     tools:context=".MainActivity">
 
-    <TextView
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:text="Hello World!"
+
+    <androidx.fragment.app.FragmentContainerView
+        android:id="@+id/fragment_menu"
+        android:layout_width="match_parent"
+        android:layout_height="0dp"
+        app:layout_constraintBaseline_toBottomOf="parent"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintEnd_toStartOf="parent"
+        app:layout_constraintHorizontal_bias="0.0"
         app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toTopOf="parent" />
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintVertical_bias="1.0" />
 
 </androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/content_activity.xml b/app/src/main/res/layout/content_activity.xml
new file mode 100644
index 0000000..08a1f29
--- /dev/null
+++ b/app/src/main/res/layout/content_activity.xml
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout 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"
+    android:background="@drawable/background_activity">
+
+    <TextView
+        android:id="@+id/tv_lineUser"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="124dp"
+        android:ems="15"
+        android:gravity="center_horizontal"
+        android:text="none"
+        android:textSize="20dp"
+
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+    <TextView
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:id="@+id/tv_linepassword"
+        android:ems="15"
+        android:text="none"
+        android:textSize="20dp"
+        android:gravity="center_horizontal"
+        android:layout_marginTop="20dp"
+        app:layout_constraintTop_toBottomOf="@id/tv_lineUser"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+
+        />
+
+
+    <androidx.appcompat.widget.AppCompatButton
+        android:id="@+id/btn_logout"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="65dp"
+        android:layout_marginEnd="65dp"
+        android:background="@drawable/login_btn"
+        android:backgroundTint="@color/white"
+        android:text="Log out"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintHorizontal_bias="0.0"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintVertical_bias="0.838" />
+
+
+
+</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_login.xml b/app/src/main/res/layout/fragment_login.xml
new file mode 100644
index 0000000..4272552
--- /dev/null
+++ b/app/src/main/res/layout/fragment_login.xml
@@ -0,0 +1,102 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout 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:id="@+id/container"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:paddingLeft="@dimen/fragment_horizontal_margin"
+    android:paddingTop="@dimen/fragment_vertical_margin"
+    android:paddingRight="@dimen/fragment_horizontal_margin"
+    android:paddingBottom="@dimen/fragment_vertical_margin"
+    android:background="@drawable/background_custom"
+    tools:context=".ui.login.LoginFragment">
+
+    <TextView
+        android:id="@+id/tv_login"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="84dp"
+        android:text="login"
+        android:textColor="@color/white"
+        android:textAlignment="center"
+        android:textAllCaps="true"
+        android:textSize="45dp"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <EditText
+        android:id="@+id/et_username"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="24dp"
+        android:layout_marginTop="200dp"
+        android:layout_marginEnd="24dp"
+        android:hint="Enter your Email"
+        android:inputType="textEmailAddress"
+        android:minHeight="48dp"
+        android:selectAllOnFocus="true"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <EditText
+        android:id="@+id/et_password"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="24dp"
+        android:layout_marginTop="28dp"
+        android:layout_marginEnd="24dp"
+        android:hint="@string/prompt_password"
+        android:imeActionLabel="@string/action_sign_in_short"
+        android:imeOptions="actionDone"
+        android:inputType="textPassword"
+        android:minHeight="48dp"
+        android:selectAllOnFocus="true"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/et_username" />
+
+    <androidx.appcompat.widget.AppCompatButton
+        android:id="@+id/btn_Login"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="464dp"
+        android:background="@drawable/login_btn"
+        android:text="Login"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintHorizontal_bias="0.489"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <TextView
+        android:id="@+id/tv_textView2"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="Don't you have account?"
+        android:textColor="@color/black"
+        app:layout_constraintBottom_toTopOf="@+id/tv_signup"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintHorizontal_bias="1.0"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintVertical_bias="0.987" />
+
+    <TextView
+        android:id="@+id/tv_signup"
+        android:layout_width="131dp"
+        android:layout_height="39dp"
+        android:text="Sign up"
+        android:textAlignment="center"
+        android:textColor="#000000"
+        android:textStyle="bold|italic"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintHorizontal_bias="1.0"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintVertical_bias="0.976" />
+
+
+</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_sign_up.xml b/app/src/main/res/layout/fragment_sign_up.xml
new file mode 100644
index 0000000..42a13d3
--- /dev/null
+++ b/app/src/main/res/layout/fragment_sign_up.xml
@@ -0,0 +1,119 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout 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:id="@+id/container"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:paddingLeft="@dimen/fragment_horizontal_margin"
+    android:paddingTop="@dimen/fragment_vertical_margin"
+    android:paddingRight="@dimen/fragment_horizontal_margin"
+    android:paddingBottom="@dimen/fragment_vertical_margin"
+    android:background="@drawable/background_custom"
+    tools:context=".ui.login.LoginFragment">
+
+    <TextView
+        android:id="@+id/tv_signup"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="84dp"
+        android:text="Sign Up"
+        android:textAlignment="center"
+        android:textAllCaps="true"
+        android:textSize="40dp"
+        android:textColor="@color/white"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <EditText
+        android:id="@+id/et_username"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="24dp"
+        android:layout_marginTop="200dp"
+        android:layout_marginEnd="24dp"
+        android:hint="email or username"
+        android:inputType="textEmailAddress"
+        android:minHeight="48dp"
+        android:selectAllOnFocus="true"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <EditText
+        android:id="@+id/et_password"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="24dp"
+        android:layout_marginTop="28dp"
+        android:layout_marginEnd="24dp"
+        android:hint="password"
+        android:imeActionLabel="@string/action_sign_in_short"
+        android:imeOptions="actionDone"
+        android:inputType="textPassword"
+        android:minHeight="48dp"
+        android:selectAllOnFocus="true"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/et_username" />
+
+    <EditText
+        android:id="@+id/et_confirm_password"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="24dp"
+        android:layout_marginTop="28dp"
+        android:layout_marginEnd="24dp"
+        android:hint="Confirm password"
+        android:imeActionLabel="@string/action_sign_in_short"
+        android:imeOptions="actionDone"
+        android:inputType="textPassword"
+        android:minHeight="48dp"
+        android:selectAllOnFocus="true"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/et_password" />
+
+    <androidx.appcompat.widget.AppCompatButton
+        android:id="@+id/btn_SignUp"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="472dp"
+        android:background="@drawable/login_btn"
+        android:text="Sign up"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintHorizontal_bias="0.498"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <TextView
+        android:id="@+id/tv_textView3"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="Already, have an account?"
+        android:textColor="@color/black"
+        app:layout_constraintBottom_toTopOf="@+id/tv_LogIn"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintHorizontal_bias="1.0"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintVertical_bias="0.987" />
+
+    <TextView
+        android:id="@+id/tv_LogIn"
+        android:layout_width="131dp"
+        android:layout_height="39dp"
+        android:text="Log in"
+        android:textAlignment="center"
+        android:textColor="#000000"
+        android:textStyle="bold|italic"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintHorizontal_bias="1.0"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintVertical_bias="0.976" />
+
+
+</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/values/dimens.xml b/app/src/main/res/values/dimens.xml
new file mode 100644
index 0000000..82da40b
--- /dev/null
+++ b/app/src/main/res/values/dimens.xml
@@ -0,0 +1,5 @@
+<resources>
+    <!-- Default screen margins, per the Android Design guidelines. -->
+    <dimen name="fragment_horizontal_margin">16dp</dimen>
+    <dimen name="fragment_vertical_margin">16dp</dimen>
+</resources>
\ No newline at end of file
diff --git a/app/src/main/res/values/ids.xml b/app/src/main/res/values/ids.xml
new file mode 100644
index 0000000..91452ee
--- /dev/null
+++ b/app/src/main/res/values/ids.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <item name="tv_login" type="id" />
+</resources>
\ No newline at end of file
diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml
index 76218f3..8889742 100644
--- a/app/src/main/res/values/strings.xml
+++ b/app/src/main/res/values/strings.xml
@@ -1,3 +1,12 @@
 <resources>
     <string name="app_name">AndroidD20</string>
+    <!-- Strings related to login -->
+    <string name="prompt_email">Email</string>
+    <string name="prompt_password">Password</string>
+    <string name="action_sign_in">Sign in or register</string>
+    <string name="action_sign_in_short">Sign in</string>
+    <string name="welcome">"Welcome!"</string>
+    <string name="invalid_username">Not a valid username</string>
+    <string name="invalid_password">Password must be >5 characters</string>
+    <string name="login_failed">"Login failed"</string>
 </resources>
\ No newline at end of file