This "FriendFinder" application is basically a dating app based on personality compatibility through survey. The app will take in users' answers from the surveys, and it will compare their answers with those from other users. Then, it will display the name and picture of the user with the best overall match.
This full stack web site app makes use of Express(Node.js) to handle routing to serve various endpoints. It is deployed at Heroku.
- Heroku
- Live app - https://intense-falls-18158.herokuapp.com
- GitHub
- Repository - https://github.com/mmakino/FriendFinder
- This full stack app can also be installed locally through the following steps
- Copy / Clone the git repository
git clone https://github.com/mmakino/FriendFinder.git
- Install necessary packages
npm install
- Start the web server
node server.js
- It should display the following message when the server has started successfully
server listining on port 3003
- It should display the following message when the server has started successfully
- Open the web page in a browser by entering the following URL into the address bar.
http://localhost:3003/
-
Main home page
-
Survey page
- Enter 1)your name and 2)a url link to your picutre.
- There are 10 questions. Please answer each question on a scale of 1 to 5 as to how much you agree or disagree to a question.
- Please fill your name, provide a link to your picture, and answer all the questions to see the best friend match result.
- The best match result
FriendFinder
├── README.md -- this file
├── app
│ ├── data
│ │ ├── friends-init.js -- initial mock survey data
│ │ └── friends.js -- active survey data in use
│ ├── public
│ │ ├── css
│ │ │ ├── style.css -- css for home.html
│ │ │ └── style_survey.css -- css for survey.html
│ │ ├── home.html -- The main web page
│ │ ├── images
│ │ │ ├── demo-home.png -- snapshot for this README
│ │ │ ├── demo-result.png -- snapshot for this README
│ │ │ ├── demo-survey-bottom.png -- snapshot for this README
│ │ │ ├── demo-survey-top.png -- snapshot for this README
│ │ │ └── friends-vector-icon-10.jpg -- background image for home.html
│ │ ├── javascript
│ │ │ └── survey.js -- for survey form data process
│ │ └── survey.html -- The survey web page
│ └── routing
│ ├── apiRoutes.js -- Javascript codes for API routes
│ └── htmlRoutes.js -- Javascript for routing HTML pages
├── homework_instructions.md -- original instruction/requirements
├── package.json -- NPM JSON package file
└── server.js -- The main backend server Javascript
7 directories, 18 files