GithubHelp home page GithubHelp logo

terd-dd / tinder-clone Goto Github PK

View Code? Open in Web Editor NEW

This project forked from marcinmiler/tinder-clone

0.0 0.0 0.0 1.43 MB

Fullstack Tinder app clone made with React/Ts/Nest

JavaScript 0.76% HTML 2.97% TypeScript 95.56% Dockerfile 0.26% HCL 0.46%

tinder-clone's Introduction

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

  • MVP (liking/disliking profiles, create matches, messages)
  • Elasticsearch
  • List of messages with pairs on sidebar
  • Settings of profile (select age range, update profile)
  • 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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.