Code Monkey home page Code Monkey logo

datingapp's Introduction

Lovesome

dating-app

Link to website

Description

We've build a dynamic prototype of a web application, in this case a dating app. You are able to register a user and make sure they can upload a profile picture. After a user registers, a session is being made which stores some of the user's personal data. The user can now add movies that he likes to his profile page via a build-in IMDB API. You also have the option to log back out, which will destroy the session that was created. This way users won't have access to profile pages of other users whenever they're not logged into their account. At last, you also have the option to log back into your account with the username and password you used when registering.

To summarize, you can:

  1. Register an account.
  2. Login with an existing account.
  3. Try to login with the wrong credentials, it will show an error.
  4. Upload a profile picture.
  5. Search a movie through live filtering, and adding this movie to your account.
  6. Match up with people who like the same movies as you.
  7. Log out (this destroys the current session).

Installation

1. Clone this repository

Type git clone https://github.com/cenikk/datingapp.git in your terminal.

2. Install all dependencies

Make sure you're located into the right folder you can do this by running cd datingapp in your terminal.

Type npm install in your terminal

3. Running the application

Type npm run start in your terminal.

4. Viewing the website

Open your browser and type in:

localhost:8000

You can change the port on the third code line in the server.js file. When you change this port, make sure it matches with the port after localhost:

Package usage

To see which packages we've used, open the package.json file and look under (dev)dependencies.

Wiki

To see our whole research as well as how we managed to work as a team, locate to our wiki in pageheader tab.

Note: Everything in our Wiki is written in Dutch. =======

Datingapp

Link to website

Description

I've build a dynamic prototype of a web application, in this case a dating app. My focus was on being able to register a user and make sure they can upload a profile picture. After a user registers, a session is being made which stores some of the user's personal data. The user can now add movies that he likes to his profile page via a build-in IMDB API. You also have the option to log back out, which will destroy the session that was created. This way users won't have access to profile pages of other users whenever they're not logged into their account. At last, you also have the option to log back into your account with the username and password you used when registering.

dating-app

How to install this repository

  1. Open your Terminal
  2. To install this repository, type in your terminal
    $ git clone https://github.com/cenikk/datingapp.git
    
  3. To install the Node modules, type in your terminal
    $ npm install
    
  4. To run the application, type in your terminal
    $ npm run start
    
  5. To open the application in your browser, open your favorite browser and type:
    localhost:8000
    

Package usage

To see which packages I've used, open the package.json file and look under (dev)dependencies.

Wiki

To see my whole research as well as what my perfect coding setup is, locate to my wiki in pageheader tab. Or click here.

Note: Everything in my Wiki is written in Dutch.

MongoDB

Our database stores the users basic information and his/her favorite movies or series. To get all the film information were using an Api which is: http://www.omdbapi.com/

Sources

You can see a full list of the sources we've used in our Wiki

Our database design(Api not included) Database

License

MIT

Keywords

Datingapp - NodeJS - Express - PUG - MongoDB - HTTP - Project - CMDA - Backend - Frontend - Tech

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.