A Complete Image Uploader Android App Tutorial using Java & MVVM Part 1

In this video we're implementing a native Android app that uploads an image to the server and fetch all uploaded images from the server and display them in a list. we've a backend app implemented in nodeJS and running on a localhost that provides 2 APIs one to upload image and the other to get all images (this app is not covered in our tutorial but you can find a download link below). In Android app we use retrofit library to make the network calls to the APIs and we use the MVVM design pattern for app architecture.


Download the backend app here : https://github.com/KarenTechnologies/file-upload-backend


To run the backend app on your machine you need to download the following if you don't have them :
NodeJS : https://nodejs.org/en/download/
Visual Studio Code : https://code.visualstudio.com/Download


To test the APIs you need to install Postman : https://www.postman.com/downloads/


To test the Android app you must use an Android emulator


Find below the dependencies you need to add in build.gradle in your Android project :
implementation 'androidx.recyclerview:recyclerview:1.1.0'

def lifecycle_version = "2.2.0"

// ViewModel
implementation "androidx.lifecycle:lifecycle-viewmodel:$lifecycle_version"
// LiveData
implementation "androidx.lifecycle:lifecycle-livedata:$lifecycle_version"
// Lifecycles only (without ViewModel or LiveData)
implementation "androidx.lifecycle:lifecycle-runtime:$lifecycle_version"
// Saved state module for ViewModel
implementation "androidx.lifecycle:lifecycle-viewmodel-savedstate:$lifecycle_version"

// Annotation processor
annotationProcessor "androidx.lifecycle:lifecycle-compiler:$lifecycle_version"
// alternately - if using Java8, use the following instead of lifecycle-compiler
implementation "androidx.lifecycle:lifecycle-common-java8:$lifecycle_version"
implementation 'com.google.android.material:material:1.2.0'

implementation 'com.squareup.retrofit2:retrofit:2.9.0'
implementation 'com.squareup.retrofit2:converter-gson:2.9.0'
implementation 'com.squareup.picasso:picasso:2.71828'
implementation "androidx.swiperefreshlayout:swiperefreshlayout:1.1.0"




Like our Facebook page : https://www.facebook.com/karentechnologies
Join our Facebook software engineers community : https://www.facebook.com/groups/154102679778025
Download our apps on Google Play Store : https://play.google.com/store/apps/developer?id=Karen+Technologies


And don't forget to like, share and subscribe to our channel for more interesting videos to come.