Simple Login Screen Project using Swift UI.

Last update: Jun 19, 2022

Simple Login Screen

Simple Login Screen Project using Swift UI.


Jump to:

Prerequisites:

Tutorial uploading XCode project on Github
Some Xcode Swift UI basics
Compatiability

Build:

Content View
Run-Time Testing
Method Running The Project
Initial Testing Result

Contribution:

Author

Tutorial uploading XCode project on Github

How properly upload Xcode projects on Github
Writing Github README
Basic Markdown syntaxes
Creating Links in Markdown
markdown-guide
Basic writing and formatting syntax

Some Xcode Swift UI basics

XCode->UI(user interface->publish app to App store->downloadable for users)
Create a new Xcode project->IOS->App
Setup project name/app name->Team as personal Apple ID->Organization name
Organization Bundle identifier(unique ID of your app)->swift->leave everything else
Unselected->create gitSource->create at a location
Close the sidebars on two sides

Compatiability

iPhone 13,iPhone 12,iPhone 11

Content View

All the edition based on the file ContentView.swift
screenshot
Creating and highlighting code blocks in Specific Template

NavigationView{
ZStack{...}
//design the overall background
VStack{...}
//textfields

Attach the attributes all behind the scopes(colors, frames, sizes, etc.)
When it comes to user private info that need to be encrpted such as password, we use SecureField rather than using the regular TextFieldto encrypt the user input into black bullet points.
NavigationLink{} allows us to redirect the authenticated and successfully logged in users to enter the user page, which is ShowingLoginScreen, allowing us to program the user login page. Append to set the navigationBarHidden to true to properly hide the navigation bar for better looking UI.
For the UI background to be more compatible occupying the entire screen.
Create the user authentication function after the navigation view.
In the authentification function, use lowercased(...) method to not have case sensitive
Then call the user authentication function in Button.

Run-Time Testing

Click the play button right next to preview on UI
Click the play button again to switch temporary testing off if want to go back programming.

Method Running The Project

Download the project to local directory
Xcode must be 13.4 or higher versions
Compatible with MacOS Monterey 12.0 or higher versions

Initial Testing Result

Both username and password authenticated: screenshot 1.0.0 screenshot 1.0.1
Username is authenticated while password is not: screenshot 1.0.2 screenshot 1.0.3
Password is authenticated while username is not: screenshot 1.0.4 screenshot 1.0.5

Author

Krystal Zhang
https://github.com/KrystalZhang612


This file was generated by SimpleLoginScreen-readme, on June 17, 2022

GitHub

https://github.com/KrystalZhang612/SimpleLoginScreen
You might also like...

An iOS app demo to show list and detail screen of artworks.

An iOS app demo to show list and detail screen of artworks.

Artworks iOS Demo Application Architecture MVP Clean Architecture (check Known Issues) Dependency Injection Features Localization Dark mode support Ba

Dec 29, 2021

SnackBar that responds to the keyboard and shows a message at the bottom of the screen.

SnackBar that responds to the keyboard and shows a message at the bottom of the screen.

DGSnackBar Requirements Installation Usage Properties DGSnackBar SnackBar that responds to the keyboard and shows a message at the bottom of the scree

Jan 26, 2022

Show off your GitHub contributions from your lock screen 📱

Show off your GitHub contributions from your lock screen 📱

GitHubContributionsiOS V2 NOTICE: V2 is published. It is a complete rewrite using SwiftUI and Catalyst. Source code are now hosted on the version/2.x

Jun 13, 2022

A MVVM Project using two way binding with DidSet swift feature

FawryTask Description Fawry Task is a MVVM Project using two way binding with DidSet swift feature , follow Solid princepl by uncle bob esecially Sing

Dec 6, 2021

This is an example project of SwiftUI and Combine using GitHub API.

This is an example project of SwiftUI and Combine using GitHub API.

SwiftUI-Combine-Example This is an example project of SwiftUI and Combine using GitHub GET /search/users API. 📋 Requirements Swift5.1 Beta Xcode11.0

Jun 18, 2022

Sample iOS project built by SwiftUI + Flux and Combine framework using GitHub API

Sample iOS project built by SwiftUI + Flux and Combine framework using GitHub API

SwiftUI-Flux Flux enables us to have unidirectional data flow and make it testable. It's used to be implemented using RxSwift or ReactiveSwift in the

Apr 17, 2022

Sample iOS project built by SwiftUI + MVVM and Combine framework using GitHub API

Sample iOS project built by SwiftUI + MVVM and Combine framework using GitHub API

SwiftUI-MVVM One of the biggest idea for having MVVM is that most of data flow can be testable. Data binding in view layer by SwiftUI is awesome. Howe

Jun 20, 2022

Completed Project for Authentication in SwiftUI using Firebase Auth SDK & Sign in with Apple

Completed Project for Authentication in SwiftUI using Firebase Auth SDK & Sign in with Apple

Completed Project for Authentication in SwiftUI using Firebase Auth SDK & Sign in with Apple Follow the tutorial at alfianlosari.com Features Uses Fir

Mar 10, 2022

An iOS template project using SwiftUI, Combine and MVVM-C software architecture

An iOS template project using SwiftUI, Combine and MVVM-C software architecture

SwiftUI-MVVM-C A template project that uses SwiftUI for UI, Combine for event handling, MVVM-C for software architecture. I have done some small proje

Jun 9, 2022
Swift Starter Kit with Firebase & Facebook Login Onboarding
Swift Starter Kit with Firebase & Facebook Login Onboarding

iOS Swift Starter Kit ?? ?? ?? ?? Boilerplate Onboarding App in Swift with Firebase Integration, Facebook Login and Push Notifications. Save days of a

Mar 26, 2022
Red Torch is a very very (very) simple iOS app that allows you to have a red torch using your screen.

RED Torch Red Torch is a very very (very) simple iOS app that allows you to have a red torch using your screen. The App is based on storyboard, so the

Jan 1, 2022
The movie detail screen of the TodoMovies application using Swift
The movie detail screen of the TodoMovies application using Swift

Desafio Mobile2You - TodoMovies Este desafio consiste na criação de uma réplica da tela de detalhe dos filmes do aplicativo TodoMovies utilizando Swif

Feb 10, 2022
AllAboutTheWord - A single screen iOS app developed using swiftUI
AllAboutTheWord - A single screen iOS app developed using swiftUI

All-About-The-Word Introduction This is a single screen iOS app developed using

Mar 12, 2022
Don't start from scratch, start from Here! This is a starter project for iOS projects. It contains all the basic configurations and common libraries for your project.

Starter-iOS Don't start from scratch, start from Here! This is a starter project for iOS projects. It contains all the basic configurations and common

May 24, 2022
NewsAPI-Project - News API Project For iOS
NewsAPI-Project - News API Project For iOS

NewsAPI-Project Es necesario descargar y realizar un pod install para ejecutar e

Feb 3, 2022
A sliding Sheet from the bottom of the Screen with 3 States build with SwiftUI.
A sliding Sheet from the bottom of the Screen with 3 States build with SwiftUI.

BottomSheet A sliding Sheet from the bottom of the Screen with 3 States build with SwiftUI. Why There have been many different attempts to recreate th

Jun 27, 2022
SwiftUI mirroring of Instagram app Home screen
SwiftUI mirroring of Instagram app Home screen

Instasoup Is a quick code excercise, where I wanted to do fast prototaping of the Instagram like home view screen in #SwiftUI Check the source code an

Feb 27, 2022
A realistic reflective shimmer to SwiftUI Views that uses device orientation. Position any View relative to device orientation to appear as if through a window or reflected by the screen.
A realistic reflective shimmer to SwiftUI Views that uses device orientation. Position any View relative to device orientation to appear as if through a window or reflected by the screen.

A 3d rotation effect that uses Core Motion to allow SwiftUI views to appear projected in a specific direction and distance relative to the device in r

Jun 20, 2022
Food App Onboarding screen made with SwiftUI
Food App Onboarding screen made with SwiftUI

OnBoardSwiftUI-Food Food App Onboarding screen made with SwiftUI. App Details Lottie Files are used for Animations. TabView is used for Screen selecti

Jun 15, 2022