Category Archives

5 Articles

Instagram Clone App using SwiftUI and GraphQL – HomeView

Instagram Clone App using SwiftUI and GraphQL – HomeView

Today in part 4 of our Instagram clone App with GraphQL we will continue learning some SwiftUI, building our Home view.

In our previous articles, we learned how to sign up a user and how to log in a user and created the Profile view with the respective UIs in our Instagram clone App. Today we will reuse some of that code and create something similar to a UIScrollView with lots of content.

Fast your seat belts and let’s get it going!

For better learning, download the iOS Instagram Clone project with source code.


An Instagram clone using SwiftUI and GraphQL – ProfileView

An Instagram clone using SwiftUI and GraphQL – ProfileView

Today in part 3 of our Instagram clone App with GraphQL we will get deeper into SwiftUI, building our Profile view.

We will learn to reuse structs in SwiftUI and discuss a few controls: VStack, HStack, GeometryReader, Text, Button, Spacer, Image, Divider among others.

In our previous articles, we learned how to sign up a user and how to log in a user, with the respective UIs in our Instagram clone App. Today we will make it much nicer.

Fast your seat belts and let’s get it going!

For better learning, download the iOS Instagram Clone project with source code.


An Instagram clone using SwiftUI and GraphQL – Login

An Instagram clone using SwiftUI and GraphQL – Login

In our previous post about how to create an Instagram clone app, you learned how to configure everything to have SwiftUI up and running in XCode 11, and created a fully working Sing Up view with GraphQL.

Today we will learn how to create a login view and have the user log out.

We will be needing the project from the previous post, so if you didn’t follow that one, I strongly suggest that you do.

Buckle your seat belts and let’s go!

For better learning, download the iOS Instagram Clone project with source code.


An Instagram clone using SwiftUI and GraphQL

An Instagram clone using SwiftUI and GraphQL

Today we are starting a series of blog posts that will teach you how to use a lot of cool tools to build your own Social Network: an application that resembles Instagram.

We won’t save up on tech and will be using the latest and greatest: Parse, GraphQL, some NodeJS and especially the (yet to be released) latest Apple’s framework SwiftUI. 

This will take a few posts in order to be fully functional, but when we get there, you will realize how simple it can be to get your ideas up and running with very little effort here at Back4app.

For better learning, download the iOS Instagram Clone project with source code.

So, it seems it is time for…

 


GraphQL iOS: Using Cloud Functions in a Swift App

GraphQL iOS: Using Cloud Functions in a Swift App

On this article, I showed you how to use GraphQL with NodeJS Cloud Code in Back4app.

And on this guide, I showed you how to use Apollo GraphQL iOS Client with Swift.

Now let’s bring it all together and make lots of complicated operations by producing really easy code. And let’s also have XCode to automatically generate any API code for us even when we change Classes.

Sounds good? So get some coffee and get along!


open
Build, deploy and scale your app with Back4App Containers

open
Build, deploy and scale your app with Back4App Containers. Start today!