Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

Fullstack Tinder app clone made with React/Ts/Nest
https://github.com/MarcinMiler/tinder-clone

graphql nestjs postgresql react typeorm typescript

Last synced: 2 days ago
JSON representation

Fullstack Tinder app clone made with React/Ts/Nest

Awesome Lists containing this project

README

        

# Tinder- clone

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

Link to the frontend: [https://tinder-clone.netlify.com/](https://tinder-clone.netlify.com/)

Link to API: [https://evening-hamlet-82255.herokuapp.com/](https://evening-hamlet-82255.herokuapp.com/)

Link to Storybook: [https://tinder-storybook.netlify.com](https://tinder-storybook.netlify.com)

![app](./AppScreens/App.png)

## 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](./AppScreens/Login.png)
![messages](./AppScreens/Messages.png)