A team project, implemented as a part of the Hive Helsinki coding school web-branch.
A dating app allowing two potential lovers to meet, from the registration to the final encounter.
Application suggests potential matches based on age, location, common interests, rating and gender or sexual preferences.
User can sort and filter match suggestions, like, dislike or report profiles of other users, chat with those who liked back and be notified in real time about related activities.
Team members: Ilona & Aleksei.
Deployed here
Our workflow, current TO-DOs, project subject and state can be found here
Backend:
- TypeScript
- Node.Js (Express)
- PostgreSQL
- Jest
- Socket.io
Frontend:
- TypeScript
- React
- Material UI
We were also taking a Test Driven Development approach with Jest on a server side.
- No security breaches allowed
- Code cannot produce any errors, warnings or notices either from the server or the client side in the web console.
- HTML, CSS, and Javascript on a clientside
- Micro-frameworks and UI libraries are allowed
- No ORM, validators or User Accounts Manager
- Relational or graph-oriented database
- Compatibility at least with Firefox (>= 41) and Chrome (>= 46)
- Responsive layout
- All the forms must have correct validations
cd server
docker-compose up -d
- Install dependencies:
npm install - Migrate database:
npm run migrate - Populate tables with dummy data:
npm run populate
npm run populate:likes
(you may also want to add more dummy users: change number of iterations in a for loop inside the file server/src/populateUsers.ts) - Start the server:
npm run dev
- Go to the client directory:
cd ../client - Install dependencies:
npm install - Start the client with:
npm start
- Run test migration:
npm run migrate:test - Run test suit:
npm run test
to run one test, use for.ex:
npm test -- tests/login_api.test.js
- Registration and Signing-in:
Registration and activation through email, possibility to restore password by requesting reset link to email.
signup-login.mov
- User profile
After succesful sign up and login user is redirected to the profile editor page, which must be completed in order to use the service.
fill-edit-profile.mov
Here user can modify given information at any time, but cannot leave it blank.
- Each user has a public fame rating: initially it is of value 40 and user gets 1 point per selected tag and 2 points per uploaded profile picture.
- As per the instructions user must be located using GPS positionning, up to his/her neighborhood.
- If the user does not want to be positionned, you we were required to find a way to locate the user even without his/her knowledge. So we request the location by IP address on background during the sign-up, on fail the default location to the Helsinki city center will be set.
- User can change his location by clicking on a 'locate me' button, clicking on desired spot on a map or by dragging the mark.
- Match suggestions / Main search page
Infinite scroll page with a list of match suggestions. Suggestions are based on:
- Gender and sexual orientation of logged in user (only straight and bi girls for a straight boy; gay or bi girl for gay girl etc.)
- In priority people from the same geographical area (less than 50 km away)
User may perform an advanced search selecting one or a few criterias such as: age, fame rating, distance range and one or multiple common interests.
Results may be sorted in asc or desc order.
match-suggestions.mov
User can like or dislike user. Disliked user will be removed from the list right away and won't appear again in the search results.
Liked user will stay in the list until user desides to refresh or lave the page (in case of a match user can instantly see that match happened and go to chat)
It is possible to see all the pictures and bio in the carousel of each profile.
Remember about the fame rating? User gets 1 point per visit, 2 per like, -2 per dislike, -2 per block and +2 when block removed, -5 on a fake report.
On match user gets 2 point when matched with popular user (rating over 75), 0 with average user (25 to 75) and -2 when matched with very unpopular one (rating less than 25)
It is possible to report fake account. In this case reported user will be blocked without possibility to unblock. If someone gets more than 10 reports, his account is deactivated, session destroyed and he won't be able to use the service anymore.
- Public profile page User can consult public profile of other user and the notification will be sent to that user on the first visit.
publicPage-notifications-chats.mov
-
Chat page
After a match users can chat with each other in real time. Infinite scroll is implemented on a achat window.
If match was removed, chat will be also instantly removed without requiring the user to refresh page. Messages are preserved if match happened back. -
Notifications
User will be notified in real time about new visit, new like, match, new message or when matched user removed a like.
New notifications would stay in the navbar until user checks them by clicking a button. -
Statistic pages User can visit spetial pages and check whom he visited and who visited his page, all matches, likes, blocks.