Simple Login Screen Project using Swift UI.

Overview

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

You might also like...
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

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

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

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

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

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

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

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

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

Owner
Krystal Zhang
Hey there! Welcome to my Github page! I'm Krystal Zhang, currently majoring in Computer Science in UC Davis. Let's together build something!
Krystal Zhang
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

Instamobile 105 Nov 7, 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

Jakub 0 Jan 1, 2022
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

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

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

null 6 Nov 11, 2022
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

Lucas Zischka 609 Nov 17, 2022
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

Robert Herdzik 11 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 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

Ryan Lintott 225 Nov 1, 2022
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

Shreyas Bhike 10 Nov 15, 2022
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

Muhammad Adam 0 Dec 29, 2021
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

donggyu 11 Aug 6, 2022