The app can be found at https://agile-tor-47992.herokuapp.com/
By:
Soheila Lotfi
"FriendFinder" is a compatibility-based application -- basically a dating app. This full-stack site will take in results from your users' surveys, then compare their answers with those from other users. The app will then display the name and picture of the user with the best overall match.
-
The survey have 10 questions . Each answer is on a scale of 1 to 5 based on how much the user agrees or disagrees with a question.
-
The
server.js
file requires the basic npm packages :express
andpath
. -
The
htmlRoutes.js
file includes two routes:- A GET Route to
/survey
which displays the survey page. - A default, catch-all route that leads to
home.html
which displays the home page.
- A GET Route to
-
The
apiRoutes.js
file contains two routes:- A GET route with the url
/api/friends
. This will be used to display a JSON of all possible friends. - A POST routes
/api/friends
. This will be used to handle incoming survey results. This route will also be used to handle the compatibility logic.
- A GET route with the url
-
I saveed the application's data inside of
app/data/friends.js
as an array of objects. Each of these objects roughly follows the format below.
{
"name":"Ahmed",
"photo":"https://media.licdn.com/mpr/mpr/shrinknp_400_400/p/6/005/064/1bd/3435aa3.jpg",
"scores":[
5,
1,
4,
4,
5,
1,
2,
5,
4,
1
]
}
-
Determine the user's most compatible friend using the following as a guide:
-
Convert each user's results into a simple array of numbers (ex:
[5, 1, 4, 4, 5, 1, 2, 5, 4, 1]
). -
With that done, compare the difference between current user's scores against those from other users, question by question. Add up the differences to calculate the
totalDifference
.- Example:
- User 1:
[5, 1, 4, 4, 5, 1, 2, 5, 4, 1]
- User 2:
[3, 2, 6, 4, 5, 1, 2, 5, 4, 1]
- Total Difference: 2 + 1 + 2 = 5
- User 1:
- Example:
-
The closest match will be the user with the least amount of difference.
-
-
Once the current user's most compatible friend is found, the result will be displayed as a modal pop-up.