Visit LEDU token page

How to create simple Instagram-like Android-app in Kotlin

Avatar

Instagram-like Android-app in Kotlin (with RxKotlin)

with Asitaka|4 years experience|PHP

13161views

Watch Full Video | +150 LEDU

How to create simple Instagram-like Android-app in Kotlin

  • English
  • Programming
  • KotlinKotlin
  • (4369)
  • Project length: 13h 59m

Kotlin comes from industry, not academia. It solves problems faced by working programmers today. As an example, the type system helps you avoid null pointer exceptions. Research languages tend to just not have null at all, but this is of no use to people working with large codebases and APIs which do.

Overview

Introduction

This tutorial will cover the steps necessary to code a an Instagram like app in Kotlin and Android Studio Canary. You will be guided through all the steps and concepts, starting from setting up the build environment to building a basic app. When you finish the tutorial, you should be able to continue developing a final product.

** I will not be developing an api server for this application

What are the requirements?

  • Basic knowledge of Android Development, especially the Android Lifecycle
  • Basic Java or Kotlin knowledge (or both)
  • An API server (if you wish to deploy in the future)
  • XML/CSS for styling the application
  • Desire to learn something new.

What is the target audience?

  • You want to learn about how instagram works and make a similar application
  • You want to learn how to write an application in Kotlin
  • People who want to learn a new language

When are the streaming sessions (streaming schedule)?

Thursday and Sunday at 6:30pm EST

Project Outline

Session 1: Setting-up the Environment

  • Setting up the programming environment for windows
  • Setting up the programming environment for mac
  • Setting up the programming environment for linux

Session 2: Make a basic App with a Recycler view:

  • Comment out all the extras from our basic template
  • Add a base frame to main
  • Load a recycler view fragment into our main frame (with swipe refresh)
  • Create a loading item
  • Create an instagram template item

Session 3: Populate a Recyler View with dummy data:

  • Build a recycler view
  • Build a delegate
  • Load dummy data from lorempixel

Session 4: Working with an API

  • Create data classes
  • Add retrofit and moshi to our project
  • Pull data and pass the data into the recyclerview

Session 5: Pull data from the Getty API

  • add api key to secrets.xml
  • pull the data from the api in an RXJava observable
  • Add infinite scroll to the image feed

Session 6: Parcelables - keep the data between orientation changes

  • Modify models to be parcelables
  • Add a onSave and onLoad
  • Add an extension function to parcelables

Session 7: Photos:

  • Requesting access to photos
  • Applying zomato filters to photos

Session8: Photos:

  • Passing the photo to a filter view
  • Saving the photo

Session9: Photos:

  • Updating the photo to use content:// instead of file://
  • Adding filters

Session10: Filters:

  • Using observables to apply filters to bitmaps

Session11:

  • Adding Picasso Filters
  • Extending transformation class
  • Saving to the gallery

Reviews

Average rating

5(4369 Reviews)