emmanuelbarturen

System Design Cheatsheet

Picking the right architecture = Picking the right battles + Managing trade-offs

Basic Steps

1. Clarify and agree on the scope of the system

• User cases (description of sequences of events that, taken together, lead to a system doing something useful)
  • Who is going to use it?
  • How are they going to use it?

emmanuelbarturen

#Social Networking Websites Blocker
#Updated 01/01/2012 (dd/mm/yyyy)
#Opensource project by WingAdmiral from Sourceforge

127.0.0.1	localhost

::1  		localhost

#Web Addresses that will be blocked

emmanuelbarturen

namespace Acme\V1\Billing;


// BillableInterface.php

use Laravel\Cashier\BillableInterface as CashierInterface;

interface BillableInterface extends CashierInterface {

}

emmanuelbarturen

const app = new Vue({
    el: '#tool-app',
    data() {
        return {
            tivs: [],
            nextKey: 0
        }
    },
    mounted() {
        API.getAllTIV().then(response => {

emmanuelbarturen

Directory Structure

code 
└───dev-packages
│   │
|   └─── <vendor-name>
│   │   |
|   |   └─── <package-name>
│   │   |   | README.md

emmanuelbarturen

import Vue from "vue";

/**
 * Created by emman <emmanuelbarturen@gmail.com> on 21-Aug-18.
 */
Vue.prototype.$setErrorsFromResponse = function(errorResponse) {
    // only allow this function to be run if the validator exists
    if(!this.hasOwnProperty('$validator')) {
        return;
    }

emmanuelbarturen

// For add to vuejs
import {truncate,padZeros} from './customFilters';

Vue.filter('truncate', truncate);
Vue.filter('padZeros', padZeros);

emmanuelbarturen

# Only copy-paste in console the follow
var docWidth = document.documentElement.offsetWidth;

[].forEach.call(
  document.querySelectorAll('*'),
  function(el) {
    if (el.offsetWidth > docWidth) {
      console.log(el);
    }
  }

emmanuelbarturen

$ mysqldump -u <user name> --password=<pwd> <original db> | mysql -u <user name> -p <new db>

emmanuelbarturen

<template>
    <div>
        <i class="fa fa-star" aria-hidden="true" v-for="i in completeStarts(rating)"></i>
        <i class="fa fa-star-half-o" aria-hidden="true" v-if="haveHalfStart(rating)"></i>
        <i class="fa fa-star-o" aria-hidden="true" v-for="x in incompleteStarts(rating)"></i>
    </div>
</template>
<script>
    export default {
        name: 'StarRating',