Crypto basics

What is the difference between bitcoin and Ethereum?

  • bitcoin was created in 2009 by Satoshi Nakamoto (Anonymous). That person owns about 1 million bitcoins
  • bitcoin was created as an alternative to fiat currencies (dollar, pound etc)
  • bitcoin value exploded since 2013.
  • both bitcoin and ethereum are decentralised crypto currencies
  • Ethereum is around since 2015
  • Ethereum is a decentralized platform that runs smart contracts
  • Ethereum was created as a token in a software application
  • Ethereum’s token is called Ether
  • bitcoin is crypto currency
  • Ether is a token like a gift card to get all tokens created in the platform
  • both Ethereum and bitcoin are here to disrupt the financial systems



What is a blockchain?

  • block chain is a chain of blocks contains information
  • It was intended to timestamp documents so that they cannot get tampered
  • block chain is a distributed ledger
  • block contains:
    • data
    • hash of the block
    • hash of the previous block
  • bitcoin block stores the information of sender, receiver and amount of coins
  • Modifying something on the block changes the hash in the block that affects all the blocks in the chain
  • First block in the block chain is called genesis block
  • changing a single block makes all following blocks invalid
  • Tampering blocks is impossible, block chains have a mechanism called proof of work. bitcoin block takes about 10 minutes to create a new block
  • block chains makes themself secure by using distributed network
  • when someone joins the networks, the person gets the copy of full blockchain. They are called nodes.
  • Changes to the blocks should be approved by all the nodes
  • block chain can be used in every industry to make everything secure


What is a smart-contract?

  • Smart contract is just contract. It’s computer code that’s being executed by nodes on block chain.
  • Smart contract will have certain tasks which are executed in IFTT (if this then that) logic.
  • Real life usage:
    • Buying a car:
      • Traditional way is what you know, takes at least couple of days for complete transaction.
      • If a car is on blockchain, all the details of it online
      • See all the details of the car online. Since it’s on block chain you can get it then and there. You pay for it using crypto currency and all the ownership and everything changes then and there.
      • Every node updates the new ownership details immediately
    • Buying a house:
      • Traditional way takes forever to get all the history etc
      • If the house is on the block chain with all ownership details, history and mortgage details.
      • Since it is on the blockchain then you can buy it in real-time without any delay
      • You can do multi-equity buy with multi people buying the same house with equal parts
    • Renting a house:
      • Rental contract is on blockchain then it can automatically deduct money on the blockchain.
      • Tenants gets benefited with good rental history with all the information on the blockchain.



Vue.js + Laravel 5.4.26


Vue.js – The Progressive JavaScript Framework

Getting started with Vue.js in Laravel:

  • I have simply followed Laravel documentation for setting up Vue.js
    • Here is the link –
  • When the build is ready, add app.js from the public folder to your blade.php page’s footer
  •  Issues:
    • If you are getting an error saying the components not found, it means your script is executing before the document is ready
    • Make sure you have added app.js script at the end of the page

Adding new component (similar to ‘example’ component given with Laravel):

  • Components:
    • Components are one of the most powerful features of Vue. They help you extend basic HTML elements to encapsulate reusable code. At a high level, components are custom elements that Vue’s compiler attaches behavior to. In some cases, they may also appear as a native HTML element extended with the special is attribute.
  • Create a new component in resources/components called Greeting.vue
  • Add your bootstrap element inside template element
  • Create an instance of ‘greeting’ component in app.js
    • Add the following to app.js
      Vue.component('greeting', require('./components/Greeting.vue'));
  • execute ‘npm run dev’ to rebuild app.js
  • Add <greeting></greeting> element to your blade.php page
  • You should be able to see the Greeting.vue template appear on the page
  • camelCase vs. kebab-case

    HTML attributes are case-insensitive, so when using non-string templates, camelCased prop names need to use their kebab-case (hyphen-delimited) equivalents:

    Vue.component(‘child’, {
    // camelCase in JavaScript
    props: [‘myMessage’],
    template: ‘<span>{{ myMessage }}</span>’
    <!– kebab-case in HTML –>
    <child my-message=“hello!”></child>

    Again, if you’re using string templates, then this limitation does not apply.

Adding a Vue message to the page: (Declarative rendering)

  • add the following to the app.js page
    new Vue({
     el: '#example',
     data: {
     message: 'Hello Vue.js!'
  • add the example element to your blade.php page
    • You won’t need ‘@’ to show the message if you are not using Vue.js in Laravel
  • Ref:



v-bind Shorthand

<!– full syntax –>
<a v-bind:href=“url”></a>
<!– shorthand –>
<a :href=“url”></a>

v-on Shorthand

<!– full syntax –>
<a v-on:click=“doSomething”></a>
<!– shorthand –>
<a @click=“doSomething”></a>

Vue HTTP Requests:

  • by defaults axios is installed with npm vue installation for Laravel
  • If axios is installed use the following code for get request
    axios.get(url).then(function(resp){ //response code;});
  • If axios not installed you should use
    • vue-resource has to be installed for getting $http to work

CSRF token fix with axios:

<meta name="csrf-token" value="{{ csrf_token() }}"> 
axios.defaults.headers.common['X-CSRF-TOKEN'] = document.querySelector('meta[name="csrf-token"]').getAttribute('content');


Laravel Retrieving data from database

Setup .env & config/database.php:

  1. Config/database.php file gets the database settings from .env file
    • eg:
      • ‘host’ => env(‘DB_HOST’, ‘localhost’)
  2. To set DB settings dynamically in .env file, use the code from the following link in your controller:

Setting controller method:

  1. Call database table or view from your controller method in the following way:
    • public function index(){
       $users = DB::table('users')->get();
       return view('users/index', ['users' => $users]);

Setting routes in Routes/web.php:

  1. Route instance has options to call controller methods directly:
    • Route::get('index','UsersController@index');


Viewing the user info:

  1. In users/index.blade.php :
    •  @foreach ($users as $user)
      <p>This user id is - {{ $user->user_id}}</p>

Laravel Views

Blade Templates:

Installing bootstrap:

  • Use composer require twbs/bootstrap
  • php artisan make:provider BootstrapServiceProvider  to create a service provider
  • Add the following publishing code to the boot method
    • public function boot()
       $this->publishes([__DIR__.'/../../vendor/twbs/bootstrap/dist' => public_path('vendor/bootstrap')], 'public');
  • register bootstrap service provider in config/app.php
    • App\Providers\BootstrapServiceProvider::class in the list of service providers
  • Run php artisan vendor:publish –tag=public –force to publish bootstrap to the public folder
  • To automate this add php artisan vendor:publish –tag=public –force to post-install-cmd and post-update-cmd section of composer.json
    • "scripts": {
       "post-install-cmd": [
       "php artisan optimize"
       "php artisan vendor:publish --tag=public --force"
       "post-update-cmd": [
       "php artisan optimize"
       "php artisan vendor:publish --tag=public --force"
  • HTML Helpers
    • Run composer require “laracollective/html”
    • Add Collective\Html\HtmlServiceProvider::class  to the list of providers in config/app.php
    • Add ‘Html’ => Collective\Html\HtmlFacade::class  in the list of aliases
    • Usage:
      • Creating bootstrap file link:
        • {{ Html::style(‘vendor/bootstrap/css/bootstrap.min.css’) }}

Laravel Middleware

Middleware provides convenient mechanism for HTTP requests entering your application. For example, Laravel includes a middleware that verifies the user of your application is authenticated. If the user is not authenticated, the middleware will redirect the user to the login screen. However, if the user is authenticated, the middleware will allow the request to proceed further into the application.

Registering Middleware

Global middleware:

  • app/Http/Kernel.php
    • $routeMiddleware