Chat Log User Interface

LETSBUILDTHATAPP

Login required for access

In order to watch this lesson, you'll need to login to the website.

Chat Log User Interface

Tinder Firestore Swipe and Match

In order to view this lesson, you must purchase this course.

Let's work on building out the chat log controller UI that shows the messages for each user. I'll go through this relatively quickly as I don't want to spend too much time on UI. Please let me know if you find the LBTATools methods convenient or hard to learn. Enjoy.

Comments (5)

majdjamaleddine@gmail.com

4 years ago

antoinenei

4 years ago

antoinenei

4 years ago

antoinenei

4 years ago

David Guarino

4 years ago

Dennisvm82

5 years ago

Dongjun Kim

5 years ago

Laying Out User Interface

Section 1 Overview

Build UI easily with Stack Views

View Encapsulation Architecture

Card View Drag Drop with Pan Gesture

Rotational Transformation and Card Dismiss

Multiple Cards and User Model

Intro MVVM Card View Models

MVVM Summary and Advantages

Advertiser Model Protocol Oriented Programming

Paging User Photos

Gradient Layer and Animation Fix

Cycling Through User Photos

View Model View State Reactive Programming

Firestore Registration Login

Creating a Registration Page

Keyboard Management Notification Observers

Size Class Landscape Layout

Registration View Model

Firebase Auth JGProgressHUD

Image Picker Bindable Image

Storage Image Upload Clean Code

Firestore Save Documents

Firestore Fetch Documents

Fetch Firestore Documents

Query Filtering

Pagination Data Fetch

Settings Header Image Buttons

Settings Form Rows

Fetch and Show User Info

Save Settings to Firestore

Save User Photos

Age Range Sliders

Save Settings Delegation

Login Logout Delegation

User Details Delegation

Stretchy Header UIScrollView

User Details and Blur Effect View

Intro PageViewController Photos

User Details Swiping Photos

Swiping Photo Bars

Default Ages Bug Fixes

Quick Image Load Fix

Bottom Controls

Configure Bottom Controls

CABasicAnimation Card Fixes

Saving Swipes in Firestore

Save Swipe to Firestore

Detect Matches and Omit Swiped Cards

Initialize Match Animation

Gradient Buttons and Masked Layers

Keyframe Animation Segments

Matched User Images

Bonus: Matched Messaging

Matched Messages UI

Matches List Controller

Firestore Matches Fetch

Saving Matches Dynamically

Bonus: Chat Log Messaging

Chat Log User Interface

Auto Sizing Chat Messages

Chat Input Accessory View

Saving and Fetching Messages

Bonus: Recent Messages

Matches Header Controller

Recent Message Cells

Save and Fetch Recent Messages

Persisting Recent Messages from App

Resolving Retain Cycles

Please contact admin@letsbuildthatapp.com if you have any issues.

LBTA

LBTA is a platform that strives to teach and demonstrate usage of technologies such as SwiftUI and Javascript to build out full stack applications.

HELP & SUPPORT

FOLLOW US