Matcha the TinderClone

by ghorvath, vniemi

Matcha is a dating webapplication using modern languages and tools.

Matcha is a dating website just like Tinder and we added a tons of feature what we believed a must have for a dating website. Such as, real time notification and chat with socket.io, advance filter search, map with location update, etc. Created in duo in 4.5month. Made own ORM, validation and random usergenerator to populate the application, handle easier queryies, and get the right information.

Tools & languages

PostgreSQL, React, Express, MUI, Nodejs, Docker, pgadmin, DataGrip, Asana, Lucidchart, CSS, HTML

Features:

Loging in and View Single Match

• We have a basic login with UI response in case of error.
• Two-step registration with email verification.
• Forget password with email link token.
• View single users
• Like, dislike, view profile by open info bar
• In case of more images, image slide show
• User offline/online bar
• Basic infos, fame, distance based on geolocation coordinates
• Report user
• Advance filter search

Explore people

• Explore other people
• Advance filter search with more option
• On click check each profile

Notifications

• Real time notifications and counter
• On click notification can check the other users profile
• Delete all notification functionalities

Chat

• Once liked two user each other get a chat box on the conversation list
• Showing the other user profile picture and username
• Last message
• In case of closing the conversation the user will be disliked/blocked
• Chat messages shows realtime
• Showing new message old message
• Multiple line row textfield to make easier see through what user sending
• Chat users profile picture username
• Message sent time

Chat notification

• Chat notifications shows realtime

Profile

• Change basic informations like username, password, email, firstname/lastname
• Add more details like gender, preference, birthdate, bio
• If no gender tag or profile picture can not use the application aka can't get acces to search other users
• Add tags, no duplication,
• Trending tags based on other users most used tags
• Upload image to cards
• Remove them
• Profile picture marked
• Real time save
• Geolocation
• Updated by clicking on the map somewhere
• Get the logged in user coordinates and updating locations by click to the button
• Zoom

Installation:

Get docker Docker .

1. Clone the repository
2. Add to .env your email address and password

EMAIL_ADDRESS = <your email address>
EMAIL_PASSWORD = <your email password>

3. To build and start run: ./start-server.zsh
4. Go to localhost:3001 in your browser

Other tools

access different containers

./access_client.zsh ./access_server.zsh ./access_db.zsh

directly access postgress manager ./postgress

remove all containers

./remove_containers.zsh

run tests inside server

./run_tests.zsh

postgres dump and migration

./migrate_from_dump.zsh ./get_dump.zsh

generate random users to db

./db_migrate_add_users.zsh