tinder-clone icon indicating copy to clipboard operation
tinder-clone copied to clipboard

Fullstack Tinder app clone made with React/Ts/Nest

Tinder- clone

Fullstack tinder-clone app made with React/Typescript/Nestjs/Graphql

Link to the frontend: https://tinder-clone.netlify.com/

Link to API: https://evening-hamlet-82255.herokuapp.com/

Link to Storybook: https://tinder-storybook.netlify.com

app

Todo

  • [x] MVP (liking/disliking profiles, create matches, messages)
  • [ ] Elasticsearch
  • [ ] List of messages with pairs on sidebar
  • [ ] Settings of profile (select age range, update profile)
  • [x] Messages infinite loading
  • [ ] Elo score ranking
  • [ ] Optimazation

Run local

web:

  1. git clone https://github.com/MarcinMiler/tinder-clone.git

  2. yarn (must be yarn because of yarn workspaces)

  3. yarn build:web

  4. cd packages/web && yarn start

  5. If you want to use local server uncomment url in apollo.ts

server:

  1. docker build -t tinder-server .

  2. docker-compose up

storybook:

  1. yarn (if you dont install dependencies)

  2. cd packages/components && yarn storybook

Screens

login messages