FriendFinder
Overview
A compatibility-based “FriendFinder” application – similar to a dating app. This full-stack site will take in results from a users’ survey, 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. This site utilizes html, javascript, jquery, node.js and express.
Express is being utilized to handle routing. The site is deployed to Heroku, so users can submit their data and be compared with the Friends API that was created for this project.
The following NPM Packages are installed to run this app:
Friend Finder Site Walkthrough
The home page contains a brief explanation of what Friend Finder does. There is a link to the friend API and the github repository. Underneath the explanation is a button that leads the user to the survey page. The user is then required to sumbit their name, a photo and answer 10 questions. Upon clicking the submit button, the user is then shown a modal that gives their best match with a name and photo.
## Screenshots of Site
Example of Friend Finder Home Page
Example of Survey Page
Example of Survey Page
Example of Modal displaying users’ ‘Best Match’
Link to Video Walkthrough of Friend Finder Site
https://drive.google.com/file/d/1q3W9KE5AzvqXOjJ1FF6QLXW5dn8sNux1/view
Link to Deployed Friend Finder site on Heroku
https://evening-savannah-22406.herokuapp.com/