Giter VIP home page Giter VIP logo

brindr's Introduction

Brindr Dating and Breed Matching Application for Cats

Tech Stack

Frontend : React,Javascript,HTML,CSS,
Backend : MongoDB,Nodejs,Express.js

FRONT END

ROUTES AND PAGES

  • '/' : Home Page .In this page user gets acces to either login or signup sections.Both login and signup sections are components that are used in this page.

  • '/onboarding' : Onboarding Page. In this page user can set up his or her account.On this page breed interesd of the user is selected so that user gets to see cats only he or she is interested in.

  • '/dashboard' : Dashboard Page. In this page user has access to like or dislike the other users.User can swipe right or left if the user and the corresponding user liked each other, matched user is shown in the matches section.User can click the matched users photo and switch to chatting with other user.

BACKEND

ENDPOINTS

  • POST /signup : Receives email and password in the req.body and hashes the password.Checks if the user exists if not adds the user to the DB.Creates a token for 24 hours and sends it back with the user data and 201 message.

  • POST /login : Receives email and password in the req.body.Checks if the user exists and checks if the password is correct with bcrypt.Returns logintoken with user data with 201 message

  • GET /preferredusers : Gets the gender of the user and preferred breeds in the req.query.Checks the database for parameters and returns the users matching those parameters.

  • PUT /user : Recieces formdata in req.body and updates the userdata for the given user_id.

  • GET /user : Returns the user data for the given user_id in the req.query.Returns only one user.

  • PUT /addmatch : Receives user_id and matchedUserId from req.body.Adds the matchedUserId to the matches array of the given user_id.

  • GET /users : Receives the userIds array in the req.body .Returns the datas of the matched users in the array.

  • GET /messages : Receives userId and correspondingUserId in req.query.Returns the messages that userId sent to corresponding userId.

  • POST /messages : Receives message object from req.body. Adds it into the messages collection in the database.

PICTURES

Home Page

HomePage

LOGIN

Login

OnBoarding Page

OnBoardingPage

DashBoard Page

DashBoardPage

DashBoard Page 2

DashBoardPage_2

Match

Match

Chat

Chat

Chat 2

Chat_2

Setup

Clone the project to your local computer.

  cd client
  npm install
  npm start 

Go to client directory and install client dependencies and then start the frontend.

  cd server
  npm install
  nodemon index.js 

Go to server directory and install server dependencies and then start the backend server.

brindr's People

Contributors

enessyarali avatar

Stargazers

Kemal Kilic avatar

Watchers

 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.