stevenpersia / tinder-react-native Goto Github PK

View Code? Open in Web Editor NEW

951.0 31.0 358.0 21.74 MB

Tinder clone - React Native.

License: MIT License

JavaScript 76.63% Java 4.88% Objective-C 12.94% Starlark 5.55%

react-native tinder mobile-app clone app

tinder-react-native's Introduction

Tinder Clone - React Native

Overview

⚠️ This repository is not maintain anymore. I've made another repository of this project on Expo (and with Typescript) : https://github.com/stevenpersia/tinder-expo.

👏 Thank you for your stars, your issues and your pull requests. I really love open source community. ❤️

Perfect to start an Tinder Clone app. 4 screens are availables : Explore, Matches, Messages and Profile. You'll find some components like Card Component to pass props and variant. No frameworks UI like Bootstrap or Material UI are used.

More features will be added to the project in the future.

This project was inspired by this amazing Kishore's work on Dribbble. Feel free to follow this guy because he does great stuff.

Screenshots

Installation and usage

Be sure, you have installed all dependencies and applications to run React Native project on your computer : Getting Started with React Native.

This project works fine for iOS but in Android version there are serious UI problems because I've only worked on iOS.

Running the project

Clone this repository :

git clone https://github.com/stevenpersia/tinder-react-native.git
cd tinder-react-native

Install packages :

npm install

When installation is complete, run with version of your choice :

react-native run-ios
# or
react-native run-android

Props

CardItem

Name	Type	Required	Description	Example
`image`	string	Yes	Picture of member.	`image="https://..."`
`name`	string	Yes	Name of member.	`name="John Doe"`
`description`	string	Yes	Description of member.	`description="Full-time Traveller. Globe Trotter."`
`matches`	string	Yes	Match percentage.	`matches="95"`
`actions`	boolean	No	Display actions buttons (Like, Dislike, ...).	`actions`
`onPressLeft`	function	No	Swipe card to left.	`onPressLeft={() => this.swiper.swipeLeft()}`
`onPressRight`	function	No	Swipe card to right.	`onPressRight={() => this.swiper.swipeRight()}`
`status`	string	No	Display online or offline badge (`Online` and `Offline`).	`status="Online"`
`variant`	boolean	No	Display another style of card (used for Matches screen).	`variant`

Message

Name	Type	Required	Description	Example
`image`	string	Yes	Picture of member.	`image="https://..."`
`name`	string	Yes	Name of member.	`name="John Doe"`
`lastMessage`	string	Yes	Last message of member.	`lastMessage="You want order in Gotham. Batman must take off his mask and turn himself in."`

ProfileItem

Name	Type	Required	Description	Example
`name`	string	Yes	Name of member.	`name="John Doe"`
`matches`	string	Yes	Match percentage.	`matches="95"`
`age`	string	No	Age of member.	`age="25"`
`location`	string	No	Location of member.	`location="Paris, France"`
`info1`	string	No	More information of member.	`info1="Straight, Single"`
`info2`	string	No	More information of member.	`info2="Tea Totaller & Loves Photography"`
`info3`	string	No	More information of member.	`info3="Beaches, Mountain & Coffee"`
`info4`	string	No	More information of member.	`info4="Last seen: 23h ago"`

Star, Fork, Clone & Contribute

Feel free to contribute on this repository. If my work helps you, please give me back with a star. This means a lot to me and keeps me going!

Contributors

_{Stephen Phillips}
💬

_{Anand Vasudevan}
💻

tinder-react-native's People

Contributors

Stargazers

Watchers

Forkers

alexandrosk floodyboy xmarianox trendingtechnology verstaadtech bespokett yratof run-rabbits hercodingstory vij4yk mikhailkopev phdapp lodash-thailand kodeartisan nayoma posicioncreativa natsho112 vaibhavatgit justinasavickaite devappstech ademcirak mushu2a pokurivijay thangluutitan minsuyun elmaystero dinal24 karthikkss shimiljas thewizardandthewyrd shadowborn edneyroberto peterola hungk53c mq30 wilsonjacobsen notsaltydev stacklikemind samghelms odubunmiolawale hadyantok agrawal-mohit johngeng linchangjian koushikmaratha500 srijib v2lrf dmop kibichii-icode iserter jqueryalmeida anand9 imawhale hassansw zi-codes dipjyotimetia josephernan vpetrusenko eslammohamed74 andrewsadowski sidescar mikana0918 qasim-idris wittmafe1997 jimgoo amitbd1508 sildeb snooplsm kumarravigithub practise-area codealpha-id leverdeterre rexo waiyan112 zheeno xmalinov lhutyra meanhive marcoddm alphadevglobal wenya0422 victor-grajski toshiuk haruelrovix kukokp a-dasilva aarnadlr donell206 marcelommss dlworldpeace yni77844041 elhajdi amueed alissonfabiano marsch reginaldojunior zizango123 jonahjon vikash-kothary olofcarlsson76

tinder-react-native's Issues

Is there a way to swipe vertically (e.g. swipe up like on Tinder)?

App not running on iOS simulator

Getting the following error when running react-native run-ios:

--
2020-09-14 15:28:33.669 xcodebuild[28215:13298184] [MT] iPhoneConnect: 📱<DVTiOSDevice (0x7ffc58244360), Anthony's iPhone, iPhone, 13.5.1 (17F80), b296fc8040afa42c1bc0eb1286b2cdc5dd49d50d> == Underlying device preparation errors ==
2020-09-14 15:28:33.669 xcodebuild[28215:13298184] [MT] iPhoneConnect: Failed to prepare device for development.
Domain: com.apple.dtdevicekit
Code: 806
Recovery Suggestion: If you are certain that Xcode supports development on this device, try disconnecting and reconnecting the device.
User Info: {
    AssociatedMobileDeviceFunction = AMDeviceMountImage;
    DVTRadarComponentKey = 487927;
    NSLocalizedFailure = "This operation can fail if the version of the OS on the device is newer than the version of Xcode that is running.";
}
--
The device is locked.
Domain: com.apple.dt.MobileDeviceErrorDomain
Code: -402652958
User Info: {
    DVTRadarComponentKey = 261622;
    MobileDeviceErrorCode = "(0xE80000E2)";
    "com.apple.dtdevicekit.stacktrace" = (
	0   DTDeviceKitBase                     0x000000011a66a81a DTDKCreateNSErrorFromAMDErrorCode + 233
	1   DTDeviceKitBase                     0x000000011a6a98a9 -[DTDKMobileDeviceToken _mountDeveloperDiskImage:withError:] + 1034
	2   DTDeviceKitBase                     0x000000011a6aa5e7 __58-[DTDKMobileDeviceToken mountDeveloperDiskImageWithError:]_block_invoke + 779
	3   libdispatch.dylib                   0x00007fff70b51658 _dispatch_client_callout + 8
	4   libdispatch.dylib                   0x00007fff70b5d6ec _dispatch_lane_barrier_sync_invoke_and_complete + 60
	5   DTDeviceKitBase                     0x000000011a6aa27a -[DTDKMobileDeviceToken mountDeveloperDiskImageWithError:] + 199
	6   IDEiOSSupportCore                   0x000000011a232741 __37-[DVTiOSDevice(Connect) hasConnected]_block_invoke_2 + 265
	7   DVTFoundation                       0x000000010b6975c4 __DVT_CALLING_CLIENT_BLOCK__ + 7
	8   DVTFoundation                       0x000000010b69c45b __DVTDispatchGroupAsync_block_invoke + 1194
	9   libdispatch.dylib                   0x00007fff70b506c4 _dispatch_call_block_and_release + 12
	10  libdispatch.dylib                   0x00007fff70b51658 _dispatch_client_callout + 8
	11  libdispatch.dylib                   0x00007fff70b53890 _dispatch_continuation_pop + 534
	12  libdispatch.dylib                   0x00007fff70b52f16 _dispatch_async_redirect_invoke + 703
	13  libdispatch.dylib                   0x00007fff70b5f957 _dispatch_root_queue_drain + 326
	14  libdispatch.dylib                   0x00007fff70b60097 _dispatch_worker_thread2 + 92
	15  libsystem_pthread.dylib             0x00007fff70dab9f7 _pthread_wqthread + 220
	16  libsystem_pthread.dylib             0x00007fff70daab77 start_wqthread + 15
);
}
--
2020-09-14 15:28:33.669 xcodebuild[28215:13298184] [MT] iPhoneConnect: Failed to prepare device for development.
Domain: com.apple.dtdevicekit
Code: 806
Recovery Suggestion: If you are certain that Xcode supports development on this device, try disconnecting and reconnecting the device.
User Info: {
    AssociatedMobileDeviceFunction = AMDeviceMountImage;
    DVTRadarComponentKey = 487927;
    NSLocalizedFailure = "This operation can fail if the version of the OS on the device is newer than the version of Xcode that is running.";
}
--
The device is locked.
Domain: com.apple.dt.MobileDeviceErrorDomain
Code: -402652958
User Info: {
    DVTRadarComponentKey = 261622;
    MobileDeviceErrorCode = "(0xE80000E2)";
    "com.apple.dtdevicekit.stacktrace" = (
	0   DTDeviceKitBase                     0x000000011a66a81a DTDKCreateNSErrorFromAMDErrorCode + 233
	1   DTDeviceKitBase                     0x000000011a6a98a9 -[DTDKMobileDeviceToken _mountDeveloperDiskImage:withError:] + 1034
	2   DTDeviceKitBase                     0x000000011a6aa5e7 __58-[DTDKMobileDeviceToken mountDeveloperDiskImageWithError:]_block_invoke + 779
	3   libdispatch.dylib                   0x00007fff70b51658 _dispatch_client_callout + 8
	4   libdispatch.dylib                   0x00007fff70b5d6ec _dispatch_lane_barrier_sync_invoke_and_complete + 60
	5   DTDeviceKitBase                     0x000000011a6aa27a -[DTDKMobileDeviceToken mountDeveloperDiskImageWithError:] + 199
	6   IDEiOSSupportCore                   0x000000011a232741 __37-[DVTiOSDevice(Connect) hasConnected]_block_invoke_2 + 265
	7   DVTFoundation                       0x000000010b6975c4 __DVT_CALLING_CLIENT_BLOCK__ + 7
	8   DVTFoundation                       0x000000010b69c45b __DVTDispatchGroupAsync_block_invoke + 1194
	9   libdispatch.dylib                   0x00007fff70b506c4 _dispatch_call_block_and_release + 12
	10  libdispatch.dylib                   0x00007fff70b51658 _dispatch_client_callout + 8
	11  libdispatch.dylib                   0x00007fff70b53890 _dispatch_continuation_pop + 534
	12  libdispatch.dylib                   0x00007fff70b52f16 _dispatch_async_redirect_invoke + 703
	13  libdispatch.dylib                   0x00007fff70b5f957 _dispatch_root_queue_drain + 326
	14  libdispatch.dylib                   0x00007fff70b60097 _dispatch_worker_thread2 + 92
	15  libsystem_pthread.dylib             0x00007fff70dab9f7 _pthread_wqthread + 220
	16  libsystem_pthread.dylib             0x00007fff70daab77 start_wqthread + 15
);
}
--
2020-09-14 15:28:33.669 xcodebuild[28215:13298184] [MT] iPhoneConnect: 📱<DVTiOSDevice (0x7ffc58244360), Anthony's iPhone, iPhone, 13.5.1 (17F80), b296fc8040afa42c1bc0eb1286b2cdc5dd49d50d> == END: Underlying device preparation errors ==
** BUILD FAILED **


The following commands produced analyzer issues:
	Analyze /Users/anthony/dev/tinder-react-native/node_modules/react-native/ReactCommon/jsi/jsi.cpp normal x86_64
	Analyze /Users/anthony/dev/tinder-react-native/node_modules/react-native/ReactCommon/yoga/yoga/Yoga.cpp normal x86_64
	Analyze /Users/anthony/dev/tinder-react-native/node_modules/react-native/React/Base/RCTModuleMethod.mm normal x86_64
(3 commands with analyzer issues)

The following build commands failed:
	CompileC /Users/anthony/dev/tinder-react-native/ios/build/tinderReact/Build/Intermediates.noindex/RNGestureHandler.build/Debug-iphonesimulator/RNGestureHandler.build/Objects-normal/x86_64/RNGestureHandlerManager.o /Users/anthony/dev/tinder-react-native/node_modules/react-native-gesture-handler/ios/RNGestureHandlerManager.m normal x86_64 objective-c com.apple.compilers.llvm.clang.1_0.compiler
(1 failure)

react-native run-ios --simulator="iPhone 6s" also didn't help

Guys! Is this project still ongoing or will you guys stop supporting or developing it?

Thanx!

Android not working

Android running issue:
$ react-native run-android

Test with win10

Cant run project

I follow instructions of readme but project is not running.

When execute command react-native run-android return this error:

PS: Sorry my bad english 😄

Hi, amazing work here mate is there any chance that we can check the firestore schema (structure), I would like to have a look at the way you structure firestore collections. are you using cloud functions to propagate any data changes? I am trying to find solutions for some scenarios for example: where we need to update older tweets when the user changes their profile picture. I believe that this is still an active issue with Fwitter. you might want to check this out, this project provides solid solutions to such scenarios.

Hi, amazing work here mate

is there any chance that we can check the firestore schema (structure), I would like to have a look at the way you structure firestore collections.

are you using cloud functions to propagate any data changes?

I am trying to find solutions for some scenarios for example:
where we need to update older tweets when the user changes their profile picture. I believe that this is still an active issue with Fwitter.

you might want to check this out, this project provides solid solutions to such scenarios.

Available Admin Panel?

I get errors when I "pod init" in the ios folder.

I also have a 'React' missing error message in the build scheme.

Application is not working

First of all this code is amazing this is exactly what i need. But when i try to run it locally its carshed

e/tinder-react-native/node_modules/react-native-gesture-handler/ios/RNGestureHandlerManager.m:8:9: fatal error: 'React/RCTRootContentView.h' file not found #import <React/RCTRootContentView.h>

this just one example.

i delete packages lock file and do npm install and again got the same error any help please

Development server not running

Loading dependency graph, done.
DELTA [android, dev] ./index.js ░░░░░░░░░░░░░░░░ 0.0% (0/1)H:\React-Native\tinder-react-native\node_modules\graceful-fs\polyfills.js:285
if (cb) cb.apply(this, arguments)
^

TypeError: cb.apply is not a function
at H:\React-Native\tinder-react-native\node_modules\graceful-fs\polyfills.js:285:20
at FSReqCallback.oncomplete (fs.js:169:5)

Build failed on iOS

Following the latest package updates, there is a problem when you want to build on iOS. I am working on it. If anyone finds a solution before me, do not hesitate to manifest it :)

linker command failed with exit code 1

React Native Web

Hey, I was having a look at your app. It looks very cooo and I'm looking forward to getting it running.

Quick question. Have you considered using React Native for Web? I'm not very familiar with it but I think it would be cool if it also worked as a Web App.

Love to get your perspective.

stevenpersia / tinder-react-native Goto Github PK

tinder-react-native's Introduction

Tinder Clone - React Native

Overview

Screenshots

Installation and usage

Running the project

Props

CardItem

Message

ProfileItem

Star, Fork, Clone & Contribute

Contributors

tinder-react-native's People

Contributors

Stargazers

Watchers

Forkers

tinder-react-native's Issues

Recommend Projects

Recommend Topics

Recommend Org