This is a compatibility-based dating app which uses a survey to gain information of the user; this information is compared to other users to find the best match between two people. The name and the picture of the best matched individual gets displayed in a modal.
- Use express and body-parser npm packages in the server.js file
- Separate JavaScript files for routing (htmlRoutes.js and apiRoutes.js)
- Appropriate GET and POST routes for serving HTML pages and API's
- Separate file for storing friends (friends.js)
- 10-question survey to assess uniqueness of users
- Calculate best match for user once survey is completed and return that match to the user via a modal
- Alert when user has not filled in the whole form when submitting.
- JavaScript
- jQuery
- node.js
- Express.js
- HTML
- Bootstrap
- Fontawesome
- Our server.js file sets up the Express server, specifying our port number, the npm packages that need to be loaded, and also the routes.
- There are 2 separate HTML files (home.html and survey.html). They serve as the front-end portion of the code and determine what the user sees (homepage and survey).
- There are 2 routing files (htmlRoutes.js and apiRoutes.js); the HTML routes display the survey and the homepage based on the URL that is accessed. The API routes send back existing content in our server-side data / add new friends.
- The best match is calculated by finding the friend with the minimal difference in scores and then sending that friend to the browser as a JSON object.
- A modal is then toggled, displaying the the best match to the person who just took the survey.
This assignment is in fulfillment of the requirements for the bootcamp of the University of Washington (September 2018 - April 2019).