janpeter/jp-visser
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update portfolio apps and skills

Browse source
This commit is contained in:
Janpeter Visser 2026-04-24 15:53:17 +02:00
parent 6bc7abe98e
commit efcc17d4d2
4 changed files with 195 additions and 40 deletions
Download patch file Download diff file Expand all files Collapse all files

89
public/images/app-scrum4me.svg Normal file
View file

@ -0,0 +1,89 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1600" height="900" viewBox="0 0 1600 900" role="img" aria-labelledby="title desc">
<title id="title">Scrum4Me DevPlanner screenshot</title>
<desc id="desc">A desktop planning interface with product backlog and story planning columns.</desc>
<rect width="1600" height="900" fill="#f8f7fb"/>
<rect x="0" y="0" width="1600" height="78" fill="#f2f0f8"/>
<line x1="0" y1="78" x2="1600" y2="78" stroke="#c8c6d1" stroke-width="2"/>
<rect x="18" y="20" width="34" height="34" rx="8" fill="#171127"/>
<path d="M35 16c7 7 10 19 10 34H25c0-15 3-27 10-34z" fill="#7c4dff"/>
<circle cx="35" cy="30" r="3" fill="#c9b8ff"/>
<path d="M29 50h12l3 8H26z" fill="#4c2fc6"/>
<text x="64" y="45" font-family="Inter, Arial, sans-serif" font-size="25" font-weight="700" fill="#0472bd">Scrum4Me</text>
<rect x="194" y="23" width="74" height="30" rx="15" fill="#806900"/>
<text x="208" y="44" font-family="Inter, Arial, sans-serif" font-size="18" font-weight="700" fill="#ffffff">Demo</text>
<text x="320" y="45" font-family="Inter, Arial, sans-serif" font-size="23" fill="#4d4b55">Producten</text>
<text x="456" y="45" font-family="Inter, Arial, sans-serif" font-size="23" fill="#4d4b55">Todo's</text>
<text x="18" y="134" font-family="Inter, Arial, sans-serif" font-size="34" font-weight="700" fill="#24232b">DevPlanner</text>
<text x="18" y="168" font-family="Inter, Arial, sans-serif" font-size="20" fill="#55525d">Een lichtgewicht Scrum-gebaseerde projectplanner voor solo developers en kleine Scrum Teams.</text>
<line x1="0" y1="190" x2="1600" y2="190" stroke="#c8c6d1" stroke-width="2"/>
<line x1="990" y1="190" x2="990" y2="850" stroke="#c8c6d1" stroke-width="5"/>
<line x1="0" y1="260" x2="1600" y2="260" stroke="#c8c6d1" stroke-width="2"/>
<text x="18" y="234" font-family="Inter, Arial, sans-serif" font-size="22" font-weight="700" fill="#24232b">Product Backlog</text>
<text x="820" y="234" font-family="Inter, Arial, sans-serif" font-size="18" font-weight="700" fill="#24232b">all</text>
<path d="M934 224l7 7 7-7" fill="none" stroke="#4b4a52" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
<text x="1015" y="234" font-family="Inter, Arial, sans-serif" font-size="22" font-weight="700" fill="#24232b">Stories</text>
<g font-family="Inter, Arial, sans-serif">
<rect x="18" y="283" width="80" height="31" rx="15" fill="#fde6e6" stroke="#efaaaa" stroke-width="1.5"/>
<text x="31" y="306" font-size="18" font-weight="700" fill="#cf2e2e">Kritiek</text>
<line x1="110" y1="298" x2="964" y2="298" stroke="#c8c6d1" stroke-width="1.5"/>
<text x="18" y="356" font-size="23" fill="#28272f">Authenticatie &amp; gebruikersbeheer</text>
<rect x="0" y="375" width="990" height="52" fill="#efedf5"/>
<text x="18" y="408" font-size="23" fill="#0d2b4a">Productbeheer</text>
<text x="18" y="461" font-size="23" fill="#28272f">Product Backlog</text>
<text x="18" y="514" font-size="23" fill="#28272f">Story-beheer</text>
<text x="18" y="566" font-size="23" fill="#28272f">Infrastructuur &amp; deployment</text>
<rect x="18" y="593" width="70" height="31" rx="15" fill="#fff0e8" stroke="#f0b897" stroke-width="1.5"/>
<text x="31" y="616" font-size="18" font-weight="700" fill="#d55a13">Hoog</text>
<line x1="100" y1="608" x2="964" y2="608" stroke="#c8c6d1" stroke-width="1.5"/>
<text x="18" y="663" font-size="23" fill="#28272f">Todo-lijst</text>
<text x="18" y="716" font-size="23" fill="#28272f">Sprint Backlog &amp; Sprint Planning</text>
<text x="18" y="769" font-size="23" fill="#28272f">Sprint Planning (taken per story)</text>
<text x="18" y="822" font-size="23" fill="#28272f">Claude Code integratie</text>
</g>
<g font-family="Inter, Arial, sans-serif">
<rect x="1015" y="286" width="80" height="31" rx="15" fill="#fde6e6" stroke="#efaaaa" stroke-width="1.5"/>
<text x="1028" y="309" font-size="18" font-weight="700" fill="#cf2e2e">Kritiek</text>
<line x1="1108" y1="301" x2="1580" y2="301" stroke="#c8c6d1" stroke-width="1.5"/>
<rect x="1015" y="330" width="160" height="165" rx="16" fill="#f2f0f8" stroke="#c9c6d3" stroke-width="1.5"/>
<text x="1028" y="360" font-size="18" font-weight="700" fill="#292832">Product</text>
<text x="1028" y="382" font-size="18" font-weight="700" fill="#292832">aanmaken</text>
<rect x="1028" y="422" width="64" height="29" rx="14" fill="#fde6e6" stroke="#efaaaa" stroke-width="1.5"/>
<text x="1038" y="443" font-size="16" font-weight="700" fill="#cf2e2e">Kritiek</text>
<rect x="1028" y="455" width="58" height="27" rx="13" fill="#ebe4ff" stroke="#cabcf0" stroke-width="1.5"/>
<text x="1038" y="475" font-size="15" font-weight="700" fill="#7558bd">Open</text>
<rect x="1188" y="330" width="160" height="165" rx="16" fill="#f2f0f8" stroke="#c9c6d3" stroke-width="1.5"/>
<text x="1201" y="360" font-size="18" font-weight="700" fill="#292832">Productenlijst</text>
<text x="1201" y="382" font-size="18" font-weight="700" fill="#292832">bekijken</text>
<rect x="1201" y="422" width="64" height="29" rx="14" fill="#fde6e6" stroke="#efaaaa" stroke-width="1.5"/>
<text x="1211" y="443" font-size="16" font-weight="700" fill="#cf2e2e">Kritiek</text>
<rect x="1201" y="455" width="58" height="27" rx="13" fill="#ebe4ff" stroke="#cabcf0" stroke-width="1.5"/>
<text x="1211" y="475" font-size="15" font-weight="700" fill="#7558bd">Open</text>
<rect x="1015" y="520" width="70" height="31" rx="15" fill="#fff0e8" stroke="#f0b897" stroke-width="1.5"/>
<text x="1028" y="543" font-size="18" font-weight="700" fill="#d55a13">Hoog</text>
<line x1="1098" y1="535" x2="1580" y2="535" stroke="#c8c6d1" stroke-width="1.5"/>
<rect x="1015" y="563" width="160" height="165" rx="16" fill="#f2f0f8" stroke="#c9c6d3" stroke-width="1.5"/>
<text x="1028" y="593" font-size="18" font-weight="700" fill="#292832">Product</text>
<text x="1028" y="615" font-size="18" font-weight="700" fill="#292832">bewerken</text>
<rect x="1028" y="654" width="58" height="27" rx="13" fill="#fff0e8" stroke="#f0b897" stroke-width="1.5"/>
<text x="1038" y="674" font-size="15" font-weight="700" fill="#d55a13">Hoog</text>
<rect x="1028" y="690" width="58" height="27" rx="13" fill="#ebe4ff" stroke="#cabcf0" stroke-width="1.5"/>
<text x="1038" y="710" font-size="15" font-weight="700" fill="#7558bd">Open</text>
<rect x="1188" y="563" width="160" height="165" rx="16" fill="#f2f0f8" stroke="#c9c6d3" stroke-width="1.5"/>
<text x="1201" y="593" font-size="18" font-weight="700" fill="#292832">Product</text>
<text x="1201" y="615" font-size="18" font-weight="700" fill="#292832">archiveren</text>
<rect x="1201" y="654" width="58" height="27" rx="13" fill="#fff0e8" stroke="#f0b897" stroke-width="1.5"/>
<text x="1211" y="674" font-size="15" font-weight="700" fill="#d55a13">Hoog</text>
<rect x="1201" y="690" width="58" height="27" rx="13" fill="#ebe4ff" stroke="#cabcf0" stroke-width="1.5"/>
<text x="1211" y="710" font-size="15" font-weight="700" fill="#7558bd">Open</text>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 7 KiB