Skip to content

Instantly share code, notes, and snippets.

Avatar

Guido Bouman guidobouman

View GitHub Profile
View SketchSystems.spec
Registratie flow
Registratie formulier
submit -> Extra velden
Extra velden
submit -> Idin validatie?
Idin validatie
submit -> Kies bonus
Kies bonus
submit -> Geld storten?
Geld storten
View SketchSystems.spec
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
View SketchSystems.spec
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 / resume.json
Last active Aug 21, 2019
My resume as JSON
View resume.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": {
View SketchSystems.spec
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
View dynamic-variable.css
:root {
--gutter: 10px;
}
@media (min-width: 600px) {
:root {
--gutter: 20px;
}
}
View basic-variable.css
:root {
--brand-color: #ff6600;
}
.header {
color: var(--brand-color);
}
@guidobouman
guidobouman / enforceScrollingApp.vue
Last active May 17, 2017
Vue app that moves it's scrolling into a child div. In case you ever need to create a web app.
View enforceScrollingApp.vue
<template>
<div id="app" @touchmove.prevent>
<header-bar></header-bar>
<main @touchmove="enforceScroll">
<router-view></router-view>
</main>
<footer-bar></footer-bar>
</div>
</template>
@guidobouman
guidobouman / .eslintrc.js
Last active Jun 3, 2020
Make ESlint import resolver work with Vue & Webpack
View .eslintrc.js
module.exports = {
root: true,
parser: 'babel-eslint',
parserOptions: {
sourceType: 'module'
},
extends: 'airbnb-base',
// required to lint *.vue files
plugins: [
'html'
@guidobouman
guidobouman / keybase.md
Last active Sep 23, 2019
Public proof of the connection of my GitHub account with keybase
View keybase.md

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:

You can’t perform that action at this time.