{"id":23055344,"url":"https://github.com/stevenpersia/tinder-react-native","last_synced_at":"2025-05-14T18:04:59.000Z","repository":{"id":41176090,"uuid":"165697141","full_name":"stevenpersia/tinder-react-native","owner":"stevenpersia","description":"Tinder clone - React Native.","archived":false,"fork":false,"pushed_at":"2024-11-20T08:05:49.000Z","size":21940,"stargazers_count":1029,"open_issues_count":3,"forks_count":365,"subscribers_count":31,"default_branch":"master","last_synced_at":"2025-04-15T00:41:27.298Z","etag":null,"topics":["app","clone","mobile-app","react-native","tinder"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/stevenpersia.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":["stevenpersia"]}},"created_at":"2019-01-14T16:43:35.000Z","updated_at":"2025-04-11T19:41:18.000Z","dependencies_parsed_at":"2024-12-16T01:11:49.753Z","dependency_job_id":"1b85059e-6465-4c3b-8f72-d077bb370440","html_url":"https://github.com/stevenpersia/tinder-react-native","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stevenpersia%2Ftinder-react-native","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stevenpersia%2Ftinder-react-native/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stevenpersia%2Ftinder-react-native/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stevenpersia%2Ftinder-react-native/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/stevenpersia","download_url":"https://codeload.github.com/stevenpersia/tinder-react-native/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254198514,"owners_count":22030965,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["app","clone","mobile-app","react-native","tinder"],"created_at":"2024-12-16T01:11:44.707Z","updated_at":"2025-05-14T18:04:53.976Z","avatar_url":"https://github.com/stevenpersia.png","language":"JavaScript","readme":"\u003ch1 align=\"center\"\u003e\n\u003cimg\n\t\twidth=\"250\"\n\t\talt=\"Tinder Clone - React Native\"\n\t\tsrc=\"https://github.com/stevenpersia/tinder-react-native/blob/master/preview/tinder-clone-logo.gif\"\u003e\n\u003c/h1\u003e\n\u003ch3 align=\"center\"\u003e\n\tTinder Clone - React Native\n\u003c/h3\u003e\n\n\u003cp align=\"center\"\u003e\n\t\u003cimg alt=\"Last Commit\" src=\"https://img.shields.io/github/last-commit/stevenpersia/tinder-react-native.svg?style=flat-square\"\u003e\n\t\u003cimg alt=\"Licence\" src=\"https://img.shields.io/github/license/stevenpersia/tinder-react-native.svg?style=flat-square\"\u003e\n\t\u003cimg alt=\"Star\" src=\"https://img.shields.io/badge/you%20like%20%3F-STAR%20ME-blue.svg?style=flat-square\"\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n\t\u003cimg src=\"https://github.com/stevenpersia/tinder-react-native/blob/master/preview/tinderclone-preview.gif\" width=\"300\"\u003e\n\u003c/p\u003e\n\n\n## Overview\n\n⚠️ **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.**\n\n👏 **Thank you for your stars, your issues and your pull requests. I really love open source community.** ❤️\n\n**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.\n\nMore features will be added to the project in the future.\n\nThis project was inspired by this [amazing Kishore's work on Dribbble](https://dribbble.com/shots/5631075-Dating-App-Sketch-Freebie-Day-334-365-Project365). Feel free to follow this guy because he does great stuff.\n\n\n## Screenshots\n\n\u003cimg\n\t\twidth=\"210\"\n\t\talt=\"Capture 1\"\n\t\tsrc=\"https://github.com/stevenpersia/tinder-react-native/blob/master/preview/capture-1.png\"\u003e\n\u003cimg\n\t\twidth=\"210\"\n\t\talt=\"Capture 2\"\n\t\tsrc=\"https://github.com/stevenpersia/tinder-react-native/blob/master/preview/capture-2.png\"\u003e\n\u003cimg\n\t\twidth=\"210\"\n\t\talt=\"Capture 3\"\n\t\tsrc=\"https://github.com/stevenpersia/tinder-react-native/blob/master/preview/capture-3.png\"\u003e\n\u003cimg\n\t\twidth=\"210\"\n\t\talt=\"Capture 4\"\n\t\tsrc=\"https://github.com/stevenpersia/tinder-react-native/blob/master/preview/capture-4.png\"\u003e\n\n\n## Installation and usage\n\nBe sure, you have installed all dependencies and applications to run React Native project on your computer : [Getting Started with React Native](https://facebook.github.io/react-native/docs/getting-started).\n\nThis project works fine for iOS but in Android version there are serious UI problems because I've only worked on iOS.\n\n\n### Running the project\n\nClone this repository :\n\n```\ngit clone https://github.com/stevenpersia/tinder-react-native.git\ncd tinder-react-native\n```\n\nInstall packages :\n\n```\nnpm install\n```\n\nWhen installation is complete, run with version of your choice :\n\n```bash\nreact-native run-ios\n# or\nreact-native run-android\n```\n\n\n## Props\n\n### CardItem\n\n| Name           | Type     | Required | Description                                               | Example                                             |\n| -------------- | -------- | -------- | --------------------------------------------------------- | --------------------------------------------------- |\n| `image`        | string   | Yes      | Picture of member.                                        | `image=\"https://...\"`                               |\n| `name`         | string   | Yes      | Name of member.                                           | `name=\"John Doe\"`                                   |\n| `description`  | string   | Yes      | Description of member.                                    | `description=\"Full-time Traveller. Globe Trotter.\"` |\n| `matches`      | string   | Yes      | Match percentage.                                         | `matches=\"95\"`                                      |\n| `actions`      | boolean  | No       | Display actions buttons (Like, Dislike, ...).             | `actions`                                           |\n| `onPressLeft`  | function | No       | Swipe card to left.                                       | `onPressLeft={() =\u003e this.swiper.swipeLeft()}`       |\n| `onPressRight` | function | No       | Swipe card to right.                                      | `onPressRight={() =\u003e this.swiper.swipeRight()}`     |\n| `status`       | string   | No       | Display online or offline badge (`Online` and `Offline`). | `status=\"Online\"`                                   |\n| `variant`      | boolean  | No       | Display another style of card (used for Matches screen).  | `variant`                                           |\n\n### Message\n\n| Name          | Type   | Required | Description             | Example                                                                                      |\n| ------------- | ------ | -------- | ----------------------- | -------------------------------------------------------------------------------------------- |\n| `image`       | string | Yes      | Picture of member.      | `image=\"https://...\"`                                                                        |\n| `name`        | string | Yes      | Name of member.         | `name=\"John Doe\"`                                                                            |\n| `lastMessage` | string | Yes      | Last message of member. | `lastMessage=\"You want order in Gotham. Batman must take off his mask and turn himself in.\"` |\n\n\n### ProfileItem\n\n| Name       | Type   | Required | Description                 | Example                                    |\n| ---------- | ------ | -------- | --------------------------- | ------------------------------------------ |\n| `name`     | string | Yes      | Name of member.             | `name=\"John Doe\"`                          |\n| `matches`  | string | Yes      | Match percentage.           | `matches=\"95\"`                             |\n| `age`      | string | No       | Age of member.              | `age=\"25\"`                                 |\n| `location` | string | No       | Location of member.         | `location=\"Paris, France\"`                 |\n| `info1`    | string | No       | More information of member. | `info1=\"Straight, Single\"`                 |\n| `info2`    | string | No       | More information of member. | `info2=\"Tea Totaller \u0026 Loves Photography\"` |\n| `info3`    | string | No       | More information of member. | `info3=\"Beaches, Mountain \u0026 Coffee\"`       |\n| `info4`    | string | No       | More information of member. | `info4=\"Last seen: 23h ago\"`               |\n\n\n## Star, Fork, Clone \u0026 Contribute\n\nFeel 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!\n\n## Contributors\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --\u003e\n\u003c!-- prettier-ignore --\u003e\n\u003ctable\u003e\n  \u003ctr\u003e\n\u003ctd align=\"center\"\u003e\u003ca href=\"http://Skibudsapp.com\"\u003e\u003cimg src=\"https://avatars3.githubusercontent.com/u/25047763?v=4\" width=\"100px;\" alt=\"Stephen Phillips\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eStephen Phillips\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"#question-Sbphillips19\" title=\"Answering Questions\"\u003e💬\u003c/a\u003e\u003c/td\u003e\n\u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/anand9\"\u003e\u003cimg src=\"https://avatars3.githubusercontent.com/u/638590?v=4\" width=\"100px;\" alt=\"Anand Vasudevan \"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eAnand Vasudevan \u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/stevenpersia/tinder-react-native/commits?author=anand9\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:END --\u003e\n","funding_links":["https://github.com/sponsors/stevenpersia"],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstevenpersia%2Ftinder-react-native","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstevenpersia%2Ftinder-react-native","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstevenpersia%2Ftinder-react-native/lists"}