https://github.com/claire-labry/friend-finder

Always wondering what a great match in a friend would be like? Well, if you're an animal lover and looking for friend in an animal, you've come to the right place! Users will need to take a survey with ten questions to be matched with an animal. Javascript, jQuery, node.js, + SASS were used to build this application.
https://github.com/claire-labry/friend-finder

express-js html5 javascript jquery node-js sass

Last synced: 2 months ago
JSON representation

Always wondering what a great match in a friend would be like? Well, if you're an animal lover and looking for friend in an animal, you've come to the right place! Users will need to take a survey with ten questions to be matched with an animal. Javascript, jQuery, node.js, + SASS were used to build this application.

• Host: GitHub
• URL: https://github.com/claire-labry/friend-finder
• Owner: claire-labry
• Created: 2020-04-23T19:44:09.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2022-12-12T13:58:35.000Z (about 2 years ago)
• Last Synced: 2023-03-08T04:28:04.829Z (almost 2 years ago)
• Topics: express-js, html5, javascript, jquery, node-js, sass
• Language: HTML
• Homepage: https://sleepy-scrubland-33243.herokuapp.com/
• Size: 1.88 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 6
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# FriendFinder App

Always wondering what a great match in a friend would be like? Well, if you're an animal lover and looking for friend in an animal, you've come to the right place!

## Live Link

https://sleepy-scrubland-33243.herokuapp.com/

## How to Use

You will need to take an ordinary survey of questions to allow Friend Finder to get to know you and pick the perfect match for you. Select a number that ranges between 1 through 5, 1 being the least and 5 being the strongest. Once you've finished your survey, a friend match will appear!

#### Home page that displays the buttons to the survey, API links, and Github Repo

![](app/public/images/home.png)

#### Parsed JSON that displays hardcoded friends data

![](app/public/images/jsondata.png)

#### Survey the user takes to get a new match and furry friend!

![](app/public/images/survey.png)

#### Results show an image + name of new furry friend in a modal after user fills out survey and clicks submit.

![](app/public/images/match.png)

## Technologies Used

- Javascript

- jQuery

- node.js

- Express.js

- SASS

- HTML

## Code Logic

- NPM install the packages

- Use server.js to run the code in your terminal via Node.js, simply put 'nodemon' in the terminal.

  - This in result sets up and runs the Express.js server

- Two HTML files are housed in the public folder that serve as the front-end section of the application (home.html and survey.html)

  - One Javascript file in the public folder serves the modal in which presents the friend match. (modal.js)

- Two routes that lead to the back-end of the application: htmlRoutes and apiRoutes. htmlRoutes displays the both the homepafe and survey based on the URL routes. apiRoutes leads us to the content in which holds our exsisting friends and new friends (user input)

- Data is the hardcoded friends in the data folder in which is created to match each new friend that has been inputted by the user.