Tinder style swipe mobile app

Created for an app challenge from devprojects (https://codementor.io)

Link: (https://www.codementor.io/projects/mobile/tinder-style-swipe-mechanism-for-an-ios-app-bh9ph8n1co)

Motivation

I wanted to create this project for practice, to learn, to challenge myself, and to test releasing mobile apps to the appstores.

Code style

Live Demo

Demo

swiper.mov

Tech/framework used

React Native Expo

Built with

• Expo
• React Native
• react-native-deck-swiper
• Lorem Picsum API

Features

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 ✅

Installation

yarn

Contribute

If you'd like to contribute, submit a pull request.

Credits

[react-native-deck-swiper]
[expo]
[react]
[react-dom]
[react-native]
[react-native-web]
[@babel/core]
[@types/react]
[@types/react-native]
[typescript]

License

MIT © Konjo Tech - Wesley Scholl