GithubHelp home page GithubHelp logo

koupler's Introduction

Visit Koupler at koupler.xyz

Koupler is an app that matches couples interested in doing things together. We built it on the MEAN stack (mySQL, express, angular, node). Koupler is built with a client side and a server side, respectively the front-end and the back-end. I will use those terms interchangeably throughout this document.

##Technologies

####Angular:

There are 3 views, 3 controllers, and 1 factory: Signup/signin, which is powered by AuthController Activities, which is powered by ActivitiesController Match, which is powered by MatchController AuthTokenFactory, which can get, set, or authorize tokens

####Node/Express

There are two routers: Couples Router, which handles get and post requests from the signin/signup portion of the angular app Activities Router, which handles get and post requests from the activities and match portion of the angular app

####MySQL

There are two tables: Couples, which records each couples metadata and login details Activities, which records the activities that each couple is interested in

#Style Guide

We used the MakerSquare style guide for this project to ensure consistency and readability. You can reference the style guide here.

####Coding Examples

We would like to highlight a few processes in the code that may be easily overlooked and occur regularly.

Authenticating: In the client-section of the project in the auth folder there is the auth.js file. A new auth token will need to be created for each new user or returning user

alt text

Getting Matched with a Couple: In the server-section of our project in the activities folder there is the activityCtrl.js file. A query to the database must be sent and will return a random match.

alt text

Rendering Home Page: In client-section of our project in the app.js file. The code below loads the homepage without making any initial calls to the server.

alt text

koupler's People

Contributors

codenameatlas avatar flickster42490 avatar gtdeng avatar jacksonsierra avatar shreeya avatar

Watchers

 avatar  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.