This is a team project, a part of the web branch at Hive Helsinki coding school.

• Task
• Tech stack
• Functionality
• Planning
• Run locally
• Improvements
• Acknowledgements

The aim of this project is to build a Tinder-like web app, where the users can create their profile, browse through a list of recommended profiles or conduct a search by age, distance, fame rating, commong tags. Users can like, report and block other users and chat with users that liked them back.

Project constraints:

• Clientside: HTML, CSS, Javascript
• Relational or graph-oriented database
• Micro-frameworks and UI libraries are allowed
• No ORM, validators, or User Account Manager
• No errors, warnings or notice on both server- and client- sides
• No security breaches (e.g. no SQL, HTML injections, plain passwords in the database)
• Compatible at least with Firefox (>=41) and Chrome (>= 46)
• Responsive design

Backend:

• Node
• PostgreSQL
• Jest
• Socket.io

Frontend:

• React
• Redux
• Material UI

• User features:
  • Step-by-step registration, login, and password reset through email link.
  • User data management, incl. edit profile data, change password and geolocation.
  • View own and other user profiles.
  • View profile visit history, list of connected and blocked profiles.

• Matching features:
  • Multiple infinite scroll galleries with a list of suggestions that match his/her profile (recommended, online, popular, nearby).
  • Matching Alogrimth using scoring weights based on Chinese and Western horoscope compatibility, common tags, fame rating, location, age and gender.
  • Advanced range sliders to sort and filter users by horoscope believe, common tags, location, fame rating and age.

• Chat features:
  • Real-time chat for matched users.

• Notifications features:
  • Real-time push notifications when the user receives a like/unlike, message from another user or user's profile is checked.

We outined our work load inside Github Projects Link.

• Git clone repo
• Install PostgreSQL and its PostGIS extension brew install postgresql postgis or apt install postgresql postgis
• Make sure you can send email from terminal
• Install nodejs and npm brew install nodejs npm or apt install nodejs
• Create a file .env inside the backend folder and update with your credentials

PORT=3001
DB_USER=<YOUR_DB_USERNAME>
DB_PASSWORD=<YOUR_DB_PASSWORD>
SECRET_KEY=<SECRET>
IMAGE_PATH=./images

• Run command npm run init in the matcha root folder to install all dependencies in the backend and frontend.
• Run command npm run dev to start a server and open localhost:3001 in your preferred browser in dev mode.
• Run command npm run db to setup the database.
• Run command npm run fake to populate the database with fake users.
• Open Application in your favorite browser localhost:3000

• Deploying the app to Heroku
• Improving UI (the user profile and my account pages are not pretty at all, we needed to catch a deadline and rushed a bit through the UI dev process)
• Fixing exisitng bugs

A big shout out to Tatiana and Diana for letting us use their readme template!