Git Product home page Git Product logo

friendfinder's Introduction

FriendFinder

Requirement

  • Build a compatibility-based "FriendFinder" 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.

Instructions

If you feel alone or need new people to meet, FriendFinder helps you to find friends that are matched with you. You can see their name and picture after you fill out the survey. Also, you can see list of possible friends by clicking on the button at the bottom of page.

You can see the live project through this link: FriendFinder

  • You can see the picture of home page in the picture below. By clicking "Go to Survey" button, user can see the survey. Home.html

  • You can click on the "See all possible friends " button to see the list of all possible mathches. You can see the screenshot of survey.html in the following picture: Survey.html Afer filling out all questions and clicking submit button, user can see the name and the picture of people who have the best match with user's interests. You can see the screen of showing all best matches in the picture below:

Matches

Technologies Used

  • Node.js
  • Express.js NPM Package
  • Body Parser NPM Package
  • Path NPM Package
  • Heroku

##Code Explanation

Lesson Learned

  • How to create a full stack application with Node.js and use Express.js.
  • How to deply an application in Heroku.
  • How to using routing in an application.

Authors

  • Sara Alinazari

friendfinder's People

Contributors

saraalinazari avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.