ChatUI - Sample app

A simple chat app UI in SwiftUI

<img src="https://img.shields.io/badge/iOS-13.0+-blue.svg" /> <img src="https://img.shields.io/badge/-SwiftUI-red.svg" /> <a href="mailto:iamshezad.dev@gmail.com"> <img src="https://img.shields.io/badge/iamshezad.dev@gmail.com-lightgrey.svg?style=social&logo=gmail" alt="Gmail: iamshezad.dev@gmail.com" /> </a> <a href="https://www.instagram.com/iamshezad.dev/"> <img src="https://img.shields.io/badge/@iamshezad.dev-lightgrey.svg?style=social&logo=instagram" alt="instagram: @iamshezad.dev" /> </a> <img src="https://github.com/iamshezad/ChatUI/blob/main/Resources/Main-screenshot.png?raw=true" style="display: block; margin: auto;"/> ChatUI on both ☀️light and 🌑 dark mode.

About

ChatUI is a simple project created to implement some of the things i learned in SwiftUI. Currently i'm learning SwiftUI so i thought of converting my learnings into small projects.

ChatUI is just a UI design of a chat app with some hardcoded data. So this small project might help others to learn a little about designing in SwiftUI.

This sample project contains chats, calls, contacts and settings screens. will list out below what all i have used in this project:

Basic View

Text, TextField, Image, Button

Layout

HStack, VStack, ZStack

List

ScrollView, ForEach

Architectural Views

NavigationView, TabView

State and Data Flow

Binding, State

Some of the other things you can learn from this project is:

How to setup lauch screen background color in info.plist
How to set background color of a screen using ZStack
How to implement different layouts using HStack & VStack
How to set different colors for light and dark mode

Author

Shezad Ahamed

Follow and contact me on:

If you like my content, please consider buying me a coffee. Thank you for your support!

ChatUI

Install / Use

README