Tinder iOS Clone with Ex-Meta Engineer | SwiftUI | iOS 17

Name: Tinder iOS Clone with Ex-Meta Engineer | SwiftUI | iOS 17
Rating: 4.1 (12 reviews)

Learn to Develop a Dating App Using SwiftUI and iOS 17 from an Ex-Meta Engineer

Created byStephan Dowless

Last updated 3/2024

English

What you'll learn

Build a dating app with SwiftUI from scratch
Learn advanced animations and coding techniques
Learn how to optimize performance of your app
Learn from an Ex-Meta Engineer who has worked at the highest levels in the industry

Course content

5 sections • 20 lectures • 4h 15m total length

Introduction1:12
Project & Tab Bar Setup6:00
Create a Tinder iOS clone using SwiftUI on iOS 17 by setting up a new project, organizing folders, and building a tab bar with swiping, search, inbox, and profile views.

Card View UI12:51
Card Swiping Functionality14:51
Swipe Indicator Animation11:24
Card Image Cycling13:46
Cycle through a user's images in a SwiftUI card using invisible left and right overlays with tap gestures. Bind the current image index and guard against out-of-bounds using image count.
Card Image Indicator10:08
Create a SwiftUI card image indicator view that displays a bar for each image, highlights the current image index among the image count, and updates as the user scrolls.
Card Stack7:33
Build a Tinder-like card stack in SwiftUI by stacking card views, implementing swipe right/left gestures to remove cards from the data-driven stack, and preparing a user model for dynamic cards.
Card Data model17:34
Create user and card data models, populate a card stack with mock users, and manage swipe actions with a view model and a dependency-injected service.
Card Removal On Swipe15:46
Remove swiped cards from the data source by locating the card index and updating the card models array in the view model, enabling the card stack to reflect changes.
Card Removal Animation8:45
Learn to animate card removal in a Tinder-style iOS SwiftUI clone using iOS 17 animation APIs with a completion handler, plus a fallback for older iOS versions.
Swipe Action Buttons16:16

User Profile View17:12
Build and present a reusable user profile view in SwiftUI, toggle a full-screen profile sheet, and display user details, image carousel, bio, and essentials with a Tinder-inspired header.
Current User Profile View12:36
Create the current user profile screen in a Tinder iOS clone using SwiftUI, built with a navigation stack, header, account info, legal, and logout actions.
Edit Profile View24:32
Develop the edit profile flow in a Tinder iOS clone with SwiftUI, featuring a full screen edit view, a profile image grid, and editable bio, occupation, gender, and sexual orientation.

Match View9:19
Build a Tinder-like match view in SwiftUI with mock data, two profile images, and action buttons for message or keep swiping, overlaid on the swiping UI.
Match View Presentation20:43
Learn to present and dismiss the user match view in a tinder-style card stack using a zstack, state toggles, and a mock match manager via environment object.
New Matches View7:34
Match Service & Data Model20:17

Requirements

No programming experience needed! All you need is a Mac (Apple) computer

Description

Course Description:

Ready to dive into the exciting world of app development and create your very own dating app? Look no further than Tinder SwiftUI Pro! This comprehensive course is designed to guide you through the process of building a fully functional iOS app clone of Tinder using the latest technologies.

With a focus on SwiftUI and iOS 17, Tinder SwiftUI Pro empowers you to unleash your creativity and technical skills to develop a sleek and intuitive dating app that users will love. Whether you're a seasoned developer or just starting out, this course provides the perfect opportunity to hone your skills and build a portfolio-worthy project.

Here's what you'll learn in Tinder SwiftUI Pro:

1. Swipe to Match: Master the swipe gesture functionality to enable users to effortlessly match with potential dates, just like in the real Tinder app. Learn how to implement smooth animations with SwiftUI to accomplish this

2. User Profiles: Learn how to create and customize user profiles, allowing users to showcase their personality and interests.

3. Uploading Multiple Profile Images: Implement the ability for users to upload and display multiple images on their profiles, enhancing their visibility and attractiveness.

4. View Matches: Build a robust matching algorithm and messaging feature that enables users to view their matches and engage in meaningful conversations within the app.

5. Full User Onboarding Flow: Design and implement a seamless onboarding experience for new users, guiding them through the app's features and functionality.

6. User Authentication: Ensure the security of user data with a comprehensive user authentication system, providing peace of mind for both you and your users.

7. Advanced Matching Algorithm: Develop an algorithm to match users based on their preferences, interests, and sexual orientation, enhancing the overall user experience and increasing the chances of meaningful connections.

By the end of this course, you'll have the knowledge and skills to create your own dating app from scratch, complete with all the essential features and functionalities. Whether you're looking to break into the app development industry or simply want to expand your skill set, Tinder SwiftUI Pro is the ultimate guide to building a successful dating app.

Enroll now and start turning your app ideas into reality!

Who this course is for:

Developers of all levels looking to improve their skills

Tinder iOS Clone with Ex-Meta Engineer | SwiftUI | iOS 17

What you'll learn

Explore related topics

Course content

Introduction2 lectures • 7min

Cards & Swiping10 lectures • 2hr 9min

User Profiles3 lectures • 54min

Matches4 lectures • 58min

Course Wrap Up & Continued Learning1 lecture • 7min

Requirements

Description

Who this course is for: