How to create simple Instagram-like Android-app in Kotlin
Instagram-like Android-app in Kotlin (with RxKotlin)
with Asitaka|4 years experience|PHP
15083views
How to create simple Instagram-like Android-app in Kotlin
- English
- Programming
Kotlin
- 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