this repo has no description
avancing
+42
-21
+11
-5
src/components/core/JulienCalixte.vue
+11
-5
src/components/core/JulienCalixte.vue
···
3
3
small: "12px",
4
4
normal: "inherit",
5
5
big: "44px",
6
-
};
6
+
}
7
7
8
8
interface Props {
9
-
size?: keyof typeof fontSize;
9
+
version?: "compact" | "full"
10
+
size?: keyof typeof fontSize
10
11
}
11
12
12
-
const props = withDefaults(defineProps<Props>(), { size: "normal" });
13
+
const props = withDefaults(defineProps<Props>(), {
14
+
version: "full",
15
+
size: "normal",
16
+
})
13
17
14
-
const style = `font-size: ${fontSize[props.size]}`;
18
+
const style = `font-size: ${fontSize[props.size]}`
15
19
</script>
16
20
17
21
<template>
18
-
<span class="julien-calixte" :style="style">Julien Calixte</span>
22
+
<span class="julien-calixte" :style="style"
23
+
>Julien<template v-if="version === 'full'"> Calixte</template></span
24
+
>
19
25
</template>
20
26
21
27
<style scoped lang="scss">
+3
-1
src/components/presentation/AboutMe.vue
+3
-1
src/components/presentation/AboutMe.vue
···
1
1
<script setup lang="ts"></script>
2
2
3
3
<template>
4
-
<h1>Hi! I'm <julien-calixte />. A mobile & web developer.</h1>
4
+
<h1>
5
+
Hi! I'm <julien-calixte version="compact" />. A mobile & web developer.
6
+
</h1>
5
7
<section class="about-me">
6
8
<p>I am into building things with code.</p>
7
9
</section>
+14
-10
src/modules/flow/store/useProductionFlow.store.ts
+14
-10
src/modules/flow/store/useProductionFlow.store.ts
···
1
-
import { pinia } from "@/store/store";
2
-
import { defineStore } from "pinia";
1
+
import { pinia } from "@/store/store"
2
+
import { defineStore } from "pinia"
3
3
4
4
interface Step {
5
-
name: string;
6
-
prerequisites: string[];
7
-
outputs: string[];
5
+
name: string
6
+
intention: string
7
+
responsible: string
8
+
prerequisites: string[]
9
+
outputs: string[]
8
10
}
9
11
10
12
interface State {
11
-
steps: Step[];
13
+
steps: Step[]
12
14
}
13
15
14
16
const initialState: State = {
15
17
steps: [
16
18
{
17
19
name: "In production",
20
+
intention: "Deliver feature to the user",
21
+
responsible: "Product owner",
18
22
prerequisites: [],
19
23
outputs: ["Users can use the app"],
20
24
},
21
25
],
22
-
};
26
+
}
23
27
24
28
const useStore = defineStore("production-flow", {
25
29
state: () => ({ ...initialState }),
26
30
actions: {
27
31
addStep(step: Step) {
28
-
this.$state.steps = [step, ...this.$state.steps];
32
+
this.$state.steps = [step, ...this.$state.steps]
29
33
},
30
34
},
31
-
});
35
+
})
32
36
33
-
export const useProductionFlow = () => useStore(pinia);
37
+
export const useProductionFlow = () => useStore(pinia)
+11
-5
src/pages/posts/feature-factory.mdx
+11
-5
src/pages/posts/feature-factory.mdx
···
1
1
---
2
-
title: An introduction to feature factory
2
+
title: An introduction to the feature factory
3
3
layout: post
4
4
---
5
5
6
6
# {title}
7
7
8
-
From my experience, project failures mainly come by having mistrust between teams. Lead time due to team availability to solve dependencies increases.
8
+
From my experience, project failures mainly come from having mistrust between teams. Therefor lead time due to team availability to solve dependencies increases.
9
9
10
-
In this post, I would like to tell you what helped me, how we succeed to engage all the skills needed to develop a product. We will talk about agility, lean.
10
+
A kanban is a way to illustrate the needed interactions between teams to complete a feature.
11
+
12
+
In this post, I would like to tell you what helped me, how we succeed to engage all the skills needed to develop a product. We'll talk about agility, about lean, about problems.
13
+
14
+
## Creating a visual feature flow
15
+
16
+
### Define the steps
11
17
12
18
## It always comes to **showing**
13
19
···
17
23
18
24
## Showing what next the team has to do
19
25
20
-
Talking is hard, comprehension between two people is hard. How many times a developper came back to the product owner to ask a few questions left in his ticket? How many times a designer was asked to update a design to see how the app will react in case of an edge case?
26
+
Talking is hard, comprehension between two people is hard. How many times a developper came back to the product owner to ask a few questions left in his ticket? How many times a designer was asked to update a design to see how the app will react for a specific edge case?
21
27
22
28
Dear developers, how clear is it for you the way you build an app?
23
29
···
36
42
37
43
First, can you name your different step before having your app in production?
38
44
39
-
<ProductionFlow client:visible />
45
+
<production-flow client:visible />