Tinder style swipe mobile app

user profile photouser profile photouser profile photo638 developers have joined this project.

What you will practice

You will practice the skills of making a mobile application programmatically or using interface builder. The app will judge incoming data based on users swiping left or right for photos of people, objects, products etc. You will also learn to pull and parse data from REST APIs.

Introduction

You’ll create a mobile app with a swiping mechanism similar to dating apps like Tinder. Users can swipe left (dislike) or swipe right (like) on images downloaded from the Unsplash API. Through this project, you will learn both the programmatic approach and Storyboard approach to build mobile applications. You will also learn to achieve modularity and reusability with your code.

Requirements

  • A batch of 10 random images will be downloaded from the Unsplash API, or an external API of your choice
  • Users should see one random image on the screen at a time
  • Users should be able to swipe left or swipe right on the image
  • Once users finish swiping on the first batch of images, another set of 10 images should be automatically downloaded for continued swiping

Extra challenges:

  • Display swiping animation when users swipe left or right
  • Display “dislike” and “like” feedback after users swipe
  • Display animation when users go from one image to the next

Suggested Implementation

The app will be made by using storyboards or programmatically using pure code.

iOS

  • Required: UIKit or SwiftUI, Storyboards, Programmatic Approach, Autolayout, and Xcode for development.
  • Optional: Use Realm to allow the app to store data locally on the device.

Android

  • Required: Java, Native Android Framework, Layout Editor, Layout XML, and Android Studio for development
  • Optional: Use SQLite to allow the app to store data locally on the device.

References

  • Here’s a video that weighs out the pros and cons of building UI programmatically or with interface builder.
  • Just getting started with iOS Storyboards? This guide will give you all the basics you need, and more.
  • New to Android Layout Editor? Read this guide and watch this video on how to get started.
  • Here are some tips for building UI programmatically in iOS
  • Hint: Android XML layout files are intended to be easily readable and editable, while storyboard files should purely be manipulated graphically using Interface Builder.
  • Hint: Storyboards may be easier for beginners who are just starting to build UIs. But if you have prior coding experience, starting with programmatic UI and gradually switching over to or including storyboards into your workflow may be easier.

Hit a programming wall?
Get help from our mentors

  • Post request free
  • First 15 mins free

Suggested languages and frameworks

JavaKotlinSwift

Difficulty

medium

Contributed by

Learning and sharing programming tips & insights

Interested in this project?

Shorten your learning curve with on-demand programming help

The awesome set of verified mentors will provide guidance and mentoring help when you are stuck.

Suresh Atta

  • Post request free
  • First 15 mins free
Shorten your learning curve with on-demand programming help

Browse more projects

More coming soon...