hero image

Project: Friendship

Assignment

This project was about creating a dynamic web application for a dating service with Node.js, a database, HTML, CSS, and client-side JS. In the first part of the project I worked solo and did research on existing dating apps, I also had to come up with a job story. Knowing where the focus of my project lay, I had to sketch components within my job story and start working on building a working prototype using skills acquired in the backend and frontend courses. In the second part of the project, I teamed up with 2 other students to combine our job stories and create a prototype with more functionalities.

Description

Friendship is a dating service, not meant for romantic relationships, but for friendships. Do you feel alone sometimes and would you like to get in touch with people that have the same interests as you? Then Friendship is here to help! With friendship you’ll create a profile with your interests, for example, going to the gym, playing board games, videogames or gardening. After you have created your profile, you’ll be able to search other profiles for specific interests. Let’s say you would like to play a board game. The filter function will let you use our database to find other board game players by filtering out people with the same interests. When you find some suitable matches based on age or location, you can get in contact with other “board gamers” and see if they’re up for a game.

Highlights

Suggestions based on the weather

On the homepage, you see some other users that you might like. Depending on the weather there is a suggestion section that suggests finding people to sport with if the weather is nice or people to play some games with if the weather is not so good. This is done by checking the location of the registered user and referring it to the weather in his town via an API.

Homepage Friendship

Log in

If you want to use our application, you have to log in! This can be done via the login form. It checks the email and the hashed password with the database. If it matches the user gets logged in, if not, then he might need to create an account.

Log in Friendship

Register

If the new user doesn't have an account yet, he can register via our registration form. Fill in your personal details, email, and your password to create an account. Don't forget to fill in your interests, because that is what lets other users find you!

Register Friendship

Search for other people

If you want to find other users by their interest you can type in the activity you would like to find someone for on the search page. Our search engine will show you the results of matching profiles for your choosing activity.

Search and filter page search and filter gif

Like someone

If you found someone that you would like to befriend, meet, or participate with for an activity you can like that user. Simply by going to their profile and hitting the like button!

User profile with liking button

It's a match!

When you both have liked each other then you have been matched. Your profiles will show up on both of your matches pages and when you go to the profile there is an option to get in contact.

Your matches

Your profile

If you want to check out your own details, you can check out your profile page. Here you also have the ability to change the details and add or remove one or more of your interests.

Your matches

Prototype & Github

Want to see our source code? Or our research and documentation? Please visit our Github repository. You will find most of the research in the Github Wiki. And take a look around in the friendship application by clicking below. If you don't want to register, you can use the login details below.

Username: sjors@hva.nl

Password: 123

Go to the friendship app Visit the Github Repo