Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

View guidobouman's full-sized avatar

Guido Bouman guidobouman

View GitHub Profile
@guidobouman
guidobouman / .eslintrc.js
Last active July 21, 2021 10:30
Make ESlint import resolver work with Vue & Webpack
module.exports = {
root: true,
parser: 'babel-eslint',
parserOptions: {
sourceType: 'module'
},
extends: 'airbnb-base',
// required to lint *.vue files
plugins: [
'html'
@guidobouman
guidobouman / SketchSystems.spec
Last active February 3, 2020 13:45
Registratie flow
Registratie flow
Registratie formulier
submit -> Extra velden
Extra velden
submit -> Idin validatie?
Idin validatie
submit -> Kies bonus
Kies bonus
submit -> Geld storten?
Geld storten
@guidobouman
guidobouman / SketchSystems.spec
Last active November 13, 2019 09:34
Wallet pagina
Wallet pagina
Betaalknop
Klik op knop -> Is ingelogd?
Login callback
Heeft genoeg geld in wallet?
ja? -> Blauwe wallet info popup
nee? -> Kan direct betalen?
Blauwe wallet info popup
Klik op betaalknop -> Betaald uit wallet
Klik op sluitknop -> Betaalknop
@guidobouman
guidobouman / SketchSystems.spec
Last active November 7, 2019 16:42
Touch points
Touch points
opens app -> App
scan QR code -> App
push notificatie -> Laat afrondende feedback achter
feedback mail -> Laat afrondende feedback achter
App
Detect language?
nederlands? -> General onboarding
anders? -> General onboarding
@guidobouman
guidobouman / keybase.md
Last active September 23, 2019 16:34
Public proof of the connection of my GitHub account with keybase

Keybase proof

I hereby claim:

  • I am guidobouman on github.
  • I am guidobouman (https://keybase.io/guidobouman) on keybase.
  • I have a public key ASD3yzM2K1zw4DOwLYqkNiffb-YSzTF8ETcycBYiEdJ5lwo

To claim this, I am signing this object:

@guidobouman
guidobouman / resume.json
Last active August 21, 2019 06:15
My resume as JSON
{
"basics": {
"name": "Guido Bouman",
"label": "Interaction engineer & team lead",
"picture": "https://gravatar.com/avatar/fba9d4458f2ea802c5a426e4615da0c7?size=500",
"email": "m@guido.vc",
"phone": "+31642945687",
"website": "https://guido.vc/",
"summary": "Lead interaction engineer crafting simple, elegant & intuitive solutions to complex problems. Specialties: concept realisation & front-end web development. I help out clients with new concepts, interactions, architecture setup & performance optimisation. From there, I help internal teams take the lead and make their product a success. Some of the stacks that I'm familiar with: Vue.js & React on top of .NET Core, NodeJS & Firebase. Preferably with Webpack, Jest & TypeScript where feasible. Previously I’ve scaled back-ends beyond 1 million active monthly users. Nowadays I prefer creating highly effective and happy teams.",
"location": {
Quiz
Intro screen
button click -> Question remaining?
Question remaining?
next question is order? -> Question - Order
next question is choose one? -> Question - Choose one
no next question? -> Finish
Question - Order
@guidobouman
guidobouman / dynamic-variable.css
Last active June 8, 2017 11:40
CSS variables
:root {
--gutter: 10px;
}
@media (min-width: 600px) {
:root {
--gutter: 20px;
}
}
@guidobouman
guidobouman / basic-variable.css
Last active June 8, 2017 11:39
CSS variables
:root {
--brand-color: #ff6600;
}
.header {
color: var(--brand-color);
}
@guidobouman
guidobouman / enforceScrollingApp.vue
Last active May 17, 2017 13:04
Vue app that moves it's scrolling into a child div. In case you ever need to create a web app.
<template>
<div id="app" @touchmove.prevent>
<header-bar></header-bar>
<main @touchmove="enforceScroll">
<router-view></router-view>
</main>
<footer-bar></footer-bar>
</div>
</template>