avancing

.prettierrc

@@ -0,0 +1,3 @@
+{
+  "semi": false
+}

src/components/core/JulienCalixte.vue

@@ -3,19 +3,25 @@ const fontSize = {
   small: "12px",
   normal: "inherit",
   big: "44px",
-};
-
-interface Props {
-  size?: keyof typeof fontSize;
 }
 
-const props = withDefaults(defineProps<Props>(), { size: "normal" });
+interface Props {
+  version?: "compact" | "full"
+  size?: keyof typeof fontSize
+}
 
-const style = `font-size: ${fontSize[props.size]}`;
+const props = withDefaults(defineProps<Props>(), {
+  version: "full",
+  size: "normal",
+})
+
+const style = `font-size: ${fontSize[props.size]}`
 </script>
 
 <template>
-  <span class="julien-calixte" :style="style">Julien Calixte</span>
+  <span class="julien-calixte" :style="style"
+    >Julien<template v-if="version === 'full'"> Calixte</template></span
+  >
 </template>
 
 <style scoped lang="scss">

src/components/presentation/AboutMe.vue

@@ -1,7 +1,9 @@
 <script setup lang="ts"></script>
 
 <template>
-  <h1>Hi! I'm <julien-calixte />. A mobile & web developer.</h1>
+  <h1>
+    Hi! I'm <julien-calixte version="compact" />. A mobile & web developer.
+  </h1>
   <section class="about-me">
     <p>I am into building things with code.</p>
   </section>

src/modules/flow/store/useProductionFlow.store.ts

@@ -1,33 +1,37 @@
-import { pinia } from "@/store/store";
-import { defineStore } from "pinia";
+import { pinia } from "@/store/store"
+import { defineStore } from "pinia"
 
 interface Step {
-  name: string;
-  prerequisites: string[];
-  outputs: string[];
+  name: string
+  intention: string
+  responsible: string
+  prerequisites: string[]
+  outputs: string[]
 }
 
 interface State {
-  steps: Step[];
+  steps: Step[]
 }
 
 const initialState: State = {
   steps: [
     {
       name: "In production",
+      intention: "Deliver feature to the user",
+      responsible: "Product owner",
       prerequisites: [],
       outputs: ["Users can use the app"],
     },
   ],
-};
+}
 
 const useStore = defineStore("production-flow", {
   state: () => ({ ...initialState }),
   actions: {
     addStep(step: Step) {
-      this.$state.steps = [step, ...this.$state.steps];
+      this.$state.steps = [step, ...this.$state.steps]
     },
   },
-});
+})
 
-export const useProductionFlow = () => useStore(pinia);
+export const useProductionFlow = () => useStore(pinia)

src/pages/posts/feature-factory.mdx

@@ -1,13 +1,19 @@
 ---
-title: An introduction to feature factory
+title: An introduction to the feature factory
 layout: post
 ---
 
 # {title}
 
-From my experience, project failures mainly come by having mistrust between teams. Lead time due to team availability to solve dependencies increases.
+From my experience, project failures mainly come from having mistrust between teams. Therefor lead time due to team availability to solve dependencies increases.
 
-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.
+A kanban is a way to illustrate the needed interactions between teams to complete a feature.
+
+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.
+
+## Creating a visual feature flow
+
+### Define the steps
 
 ## It always comes to **showing**
 
@@ -17,7 +23,7 @@ In this post, I would like to tell you what helped me, how we succeed to engage
 
 ## Showing what next the team has to do
 
-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?
+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?
 
 Dear developers, how clear is it for you the way you build an app?
 
@@ -36,4 +42,4 @@ May I ask you some questions?
 
 First, can you name your different step before having your app in production?
 
-<ProductionFlow client:visible />
+<production-flow client:visible />