https://github.com/konjoinfinity/swiper

https://github.com/konjoinfinity/swiper

Last synced: 9 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/konjoinfinity/swiper
• Owner: konjoinfinity
• Created: 2023-02-02T20:48:08.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-02-03T00:06:36.000Z (over 3 years ago)
• Last Synced: 2025-10-12T00:04:54.145Z (9 months ago)
• Language: JavaScript
• Size: 555 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## 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

[![js-standard-style](https://img.shields.io/badge/code%20style-standard-brightgreen.svg?style=flat)](https://github.com/feross/standard)

## Live Demo

[Demo](https://youtube.com/shorts/TCV5RlMyKhI)

https://user-images.githubusercontent.com/46323883/216476174-4d4a3572-e288-461c-95cf-c09bc3e6274d.mov

## Tech/framework used

React Native Expo

Built with

- [Expo](https://expo.dev/)

- [React Native](https://reactnative.dev/)

- [react-native-deck-swiper](https://github.com/webraptor/react-native-deck-swiper)

- [Lorem Picsum API](https://picsum.photos/)

## 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](2023)