Compose Camp App Submission

I have chosen to build a clone app of Instagram with 4 working screens:

1. Login Screen
2. Home Screen
3. Messages Screen
4. Profile Screen

I have used all the concepts and libraries taught to us in the 4 sessions held over the course of the camp

Login Screen

As the app is in early stages, the login ability is stubbed and can only work with the following credentials:
Username : testadmin, Password : 12345

There is provision of a show password button as well

Home Screen

On logging in the app opens up into a home screen with a carousel of posts and stories, also with a NavBar on the top with icon buttons for the Home, Messages and Profile Screen including a Logout button. Like Button is functional as well.

Messages Screen

Each card contains the username and profile picture of the sender along with the last message sent by them

Profile Screen

The profile screen contains the profile picture, number of posts, number of followers, number of following and their bio. Also it contains the story highlights and posts made by the user.

Concepts Used

1. Use of Kotlin Functions taught in Session 1
2. Use of Oops, Buttons and States taught in Session 2
3. Use of Lists taught in Session 3 to implement the carousel of posts and stories in the Home Screen and Profile Screen as well as the messages in the Messages Screen
4. Use of Material Design taught in Session 3 to implement background and surface colours for the theme(Light Mode and Dark Mode)
5. Use of Architecure Principle - Separation of Concerns taught in Session 4 in Login Screen using View Model
6. Use of Navigation taught in Session 4 using NavController to travel between the 4 screens

Jetpack Libraries Used

1. Material Design for Theme and Icons
2. Navigation for travelling between screens
3. ViewModel for Preserving Data in Login Screen on change in UI