As a viewer of the sourcecode
I want to understand how the development workflow for this project works
So that I can get a better picture of how max works

Acceptance Criteria

• on the readme, there is a section 'Development workflow' which describes the development workflow and includes:
  • release branches
  • feature branches
  • ticket tagging
  • releases

Hints

• currently I am merging everything into master, because I am the only developer in this project this made sense to me, but for demonstration purposes, I want the future workflow to be like I work in a team.

As a user of the site
I want to see pictures in the project detail view
So that I can visually assess how max' work looked like

Acceptance Criteria

• On the project detail page, there are pictures display if there are any on the corresponding notion page of the project
• if there are no pictures in notion, no pictures and also no 'Pictures' heading is displayed

Hints

• For those projects where pictures are available, they are already included on the notion page
• The headline for pictures is already being rendered in the project detail view, but yet without pictures

As a german speaking user of the site
I want to be able to view the pages contents in german
So that I feel more welcomed and that the site adapts to me, not the other way around

Acceptance Criteria

• Every static label has a translation
• On the site header, there is a toggle to switch languages
• when the toggle is toggled, the language switches reactively

Possible Impediments

• Currently the content for project details are pulled from notion as plain text. I have no idea how to translate those yet.

As a project manager of recruiter looks for specific skills
I want to filter max' projects by skill
So that I only see those projects, where max worked with the skill that I am looking for

Acceptance Criteria

• over the projects, there is a multiselect with all skills/techs
  • when a tech is selected it is added to the filter
• when a bullet list item with a tech is clicked (experience section or projects section), it gets added to the filter
• the projects section updated reactively to the filter

Hints

• a subsequent task could be that filters can be externally linked to, similar to #5

Environment

• Browser: Chrome
• Version: Unknown

Expected behavior

The dividers should be one solid line

Actual behavior

The dividers are sometimes displayed as two 1px wide lines with some space between them

To Reproduce

Steps to reproduce the behavior: visit the main page and scroll down to the 'Experience' section

Additional context

The dividers are currently draw as block elements with a 1px border and no content. Here is looks like the borders do not align with each other. Probably a more stable solution like a filled box with a fixed height would be the best bet.

As a viewer of the sourcecode
I want to understand the intent and management style of this site
So that I can get to learn a bit better how max works

Acceptance Criteria

• There is a readme
• The readme contains
  • a section for the description of the project
  • a section about idea management
  • a hint about how to contribute ideas
  • the usual npm setup guide

As a vistor
I want to see max' projects quickly
So that I dont have the feeling this site is slow and I waste my time

Acceptance Criteria

• when the projects component initially loads, only metadata of all projects is loaded
• when the detail view of a project is opened, the content of that project is loaded
• a loading indicator is displayed on the project detail view while it loads the details

Possible or known Impediments

• the API can not deliver project specific content and data yet
• the API's projects endpoint has to be amended to only deliver metadata

As a site operator
I want to have an imprint on the site
So that evil lawyers can sue me for not having one

Acceptance Criteria

• there is a page called imprint
• this page contains all mandatory texts according to german law
• this page is linked in the footer on all pages
• this page is reachable via /imprint

Possible or known Impediments

• there is no router yet. Related to #5

Hints

• A (for this purpose considered) valid imprint can be generated at https://erecht24.de

As a recruiter
I want to see which roles I took on in max' projects
So that I can better asses if he is the right one for a project

Acceptance Criteria

• on the portfolio details view, there is a badge indicating the role/s

Possible or known Impediments

• currently the API does not deliver roles

Hints

As a visitor
I want to
So that

Acceptance Criteria

Possible or known Impediments

Hints

As a visitor
I might want to know what tech max is eager to learn
So that I can have a general understanding in which direction he is heading

Acceptance Criteria

• There is a new section or a new card in the about me section
• the title is 'Want to learn' or 'Interests' or 'Where I am heading'
• it contains a bullet list of topics and tech I am exited to learn

As a Max
I want to be able to link to specific projects in my portfolio directly from outside the site
So that I can show a project around on external platforms

Acceptance Criteria

• It is possible to link to a specific project by url parameter or route
  • Example: 'maxbethke.de/projects/spatz'

Hints

• router has to be implemented for this
• to prevent collisions, the Notion pageId should be used for the url

Known Impediments

• The API currently does not provide the pageId with the projects