Skip to content

Commit

Permalink
Merge pull request #8 from LennardZuendorf/building
Browse files Browse the repository at this point in the history
Merging Fixes for Version 1.3.1
  • Loading branch information
LennardZuendorf authored May 7, 2024
2 parents 01c4162 + 76f5997 commit 3d408e5
Show file tree
Hide file tree
Showing 12 changed files with 67 additions and 59 deletions.
17 changes: 9 additions & 8 deletions app/page.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -30,18 +30,19 @@ export default function Home() {
<CardContent>
<ul className="my-6 ml-6 list-disc [&>li]:mt-2 text-sm xl:text-base 2xl:text-lg">
<li>
I&rsquo;m a tech enthusiast bridging <strong>product</strong>,{" "}
<strong>dev</strong> and other related fields from a technical
background.
<strong>I work on software</strong> that drives growth. I&apos;m
all about creating products that have actual impact.
</li>
<li>
I work on software with a{" "}
<strong>strong focus on product</strong> and{" "}
<strong>executing product strategy</strong>.
My focus is <strong>technical product management</strong>, which
combines my expertise in{" "}
<strong>product, engineering, innovation</strong> and{" "}
<strong>business</strong>.
</li>
<li>
Outside work, I explore <strong>programming projects</strong>,
enhancing my skills and learning new ones.
I&apos;m a <strong>coding enthusiast </strong>always trying to
learn and leveling up my skills through side projects and online
courses.
</li>
</ul>
</CardContent>
Expand Down
8 changes: 6 additions & 2 deletions components/pages/greeting-card.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -33,8 +33,12 @@ export const GreetingCard: React.FC<Props> = ({ className }) => {
/>
</div>
<div className="flex flex-col col-span-3 md:col-span-2 gap-4 justify-between text-center lg:text-start">
<H3 className="font-black font-title">{calloutData.introCallout}</H3>
<M className="leading-normal">{calloutData.secondCallout}</M>
<H3 className="font-black font-title">Hi! I&apos;m Lennard!</H3>
<M className="leading-normal">
I&apos;m a <strong>Technical Product Manager</strong> with a neck
for coding, focused on turning product vision into technical
features.
</M>
<div className="flex flex-wrap justify-center md:justify-start gap-4">
<Link href={siteConfig.links.mail}>
<Button className={cn("justify-center items-center")} size="icon">
Expand Down
5 changes: 2 additions & 3 deletions data/about.ts
Original file line number Diff line number Diff line change
Expand Up @@ -4,8 +4,7 @@ export type CalloutData = typeof calloutData;

export const calloutData = {
introCallout: "Hi! I'm Lennard!",
secondCallout:
"I'm a Technical Product Manager focusing the combination of Product Management and Software Engineering.",
secondCallout: "I",
skills: [
"Product Management",
"Software Engineering",
Expand Down Expand Up @@ -72,7 +71,7 @@ export const experienceData: Experience[] = [
text: [
"Independently conceiving, guiding implementation, testing, and managing the launch of product features for payments.",
"Taking charge of regular product operational processes, quality assurance, functionality testing, and cooperating in managing weekly product updates.",
"gile sprint management and support in regular Scrum ceremonies in close collaboration with the product management and IT teams.",
"Agile sprint management and support in regular Scrum ceremonies in close collaboration with the product management and IT teams.",
],
skills: [
"Technical Product Management",
Expand Down
9 changes: 4 additions & 5 deletions data/about/about-intro.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -3,16 +3,15 @@ type: AboutBlock
title: Intro
---

Hello! I'm Lennard, a 24-year-old Technical Product Manager based in Berlin, Germany.
Hey! I'm Lennard, a **24-year-old Technical Product Manager** based in Berlin, Germany.

With a strong foundation in Business Computing and a passion for technology, I bridge the gap between code and commerce. As a Product Manager in Backend at [Check24 Flug](https://flug.check24.de), I leverage my technical expertise to drive product strategy and implementation, with a focus on payments.
With a strong foundation in **Business Computing** and a passion for technology, I bridge the gap between code and commerce. As a **Product Manager in Backend** at [Check24 Flug](https://flug.check24.de), I leverage my technical expertise to execute product strategy, drive implementation and manage the product with a focus on payments.

My unique blend of technical and business acumen has equipped me to tackle complex product challenges. I've developed a keen understanding of Innovation Management and Product Strategy at a group level, allowing me to approach problems from multiple angles.
While spending time in **Innovation Management** and **Product Strategy** I have had the luck of learning fundamentals of Software Engineering and gaining a neck for coding. Which I have turned into my current pursute of technology driven product mangement and has lead my to numerous side projects that I developed.

When I'm not driving product growth, you can find me expanding my skills through language learning, experimenting with side projects that push my coding abilities, or exploring other creative pursuits. I'm always looking for ways to grow and innovate, both personally and professionally.
When I'm not working as a PM, you can find me expanding my skills through **language learning**, experimenting with **side projects** that push my coding abilities, or exploring **other creative pursuits**. I'm always looking for ways to grow and innovate, both personally and professionally.

#### This Website

... is both a personal and portfolio showcase, alongside my [LinkedIn](/linkd) and [GitHub](/github). It collects my many side and academic projects.

---
8 changes: 4 additions & 4 deletions data/projects/habitus.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -12,16 +12,16 @@ github: https://github.com/lennardzuendorf/habitus
---

<Callout>
- my **training project** for java, spring boot and quarkus
- habitus will be a fullstack habit tracking Application
- my **training project** for java, spring boot and react.js
- habitus will be a **fullstack habit tracking application**
- working on this on and off, depending on time and focus
</Callout>

### About the Project

habitus started as a university projects in the webtech course. Now it is meant to be the **training ground** for **modern Java** and especially **Spring Boot features**. It's also utilising **Lombok annotations**, which are extremely useful.

Throughout university, we learned a lot of java. I want to pour all of that into this project, but currently my skills are actually a bit underrepresented.
Throughout university, we learned a lot of java. I want to pour all of that into this project, but currently my skills are actually a bit underrepresented in the project.

## Technology

Expand Down Expand Up @@ -56,6 +56,6 @@ Throughout university, we learned a lot of java. I want to pour all of that into
</Link>
</ProjectTech>

The Backend is 100% build in Java, with Gradle and Spring Boot. It's running in a docker container and uses a Postgres database. Parallel to that is a keycloak instance running on a seperate container and db.
The Backend is 100% build in **Java**, with **Gradle** and **Spring Boot**. It's running in a docker container and uses a Postgres database. Parallel to that is a keycloak instance running on a seperate container and db.

The Frontend is currently WIP and will be built in React. Formerly this was a mix of Thymeleaf and Vue but the new one will be a SPA served by the backend.
12 changes: 5 additions & 7 deletions data/projects/ignitus.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -13,18 +13,16 @@ link: https://ignitr.zuendorf.me
---

<Callout>
- project for the previous version of this website
- build on top of [tailwind-nextjs-starter-blog](https://github.com/timlrx/tailwind-nextjs-starter-blog/tree/master), with some customization
- project around the previous version of my portfolio website
- built on top of [tailwind-nextjs-starter-blog](https://github.com/timlrx/tailwind-nextjs-starter-blog/tree/master), with some customization
- archived in favor of this website (see [intro](https://zuendorf.me/projects/intro))
</Callout>

## About the Project

As some of my project were well represented only on GitHub (i.e. Quaestio, Twinkles or my ML projects), I needed a portfolio website. After lots of trying, building and searching I came up with this.
As some of my project were well represented only on GitHub (i.e. Quaestio, Twinkles or my ML projects), I needed a **portfolio website**. After lots of trying, building and searching I came up with this.

It's a pretty easy build as it's based on the tailwind-nextjs-starter-blog. I just added some custom components, changed the color scheme and added some content. When I did this, my react and next.js skills were pretty basic and the new website is more of a testimony to my progress.

Before I had some basic HTML and CSS Website using Boostrap and tried something with Nuxt.js, which is nice but not nearly as performant and easy to use as Next.js.
It was a pretty easy build as it's based on the [tailwind-nextjs-starter-blog](https://github.com/timlrx/tailwind-nextjs-starter-blog/tree/master). I just added some custom components, changed the color scheme and added some content. When I did this, my react and next.js skills were pretty basic and the new website is more of a testimony to my progress. Before I had some basic HTML and CSS Website using Boostrap and tried something with Nuxt.js, which is nice but not nearly as performant and easy to use as Next.js.

#### Why Ignitr?

Expand Down Expand Up @@ -56,7 +54,7 @@ My last name is Zündorf, which is a city/village near Cologne. But "Zünd" or "
</Link>
</ProjectTech>

Next.js, in my opinion, has a superior developer experience and performance. And tailwind is simply amazing. Style-wise I got a ton of inspiration from other users of the tailwind-nextjs-starter-blog and some research I have done over time.
Next.js, in my opinion, has a **superior developer experience and performance**. And tailwindCSS is simply amazing. Style-wise I got a ton of inspiration from other users of the tailwind-nextjs-starter-blog and some research I have done over time.

Additionally, it's way easier to write down some facts, add pictures, etc. with mdx than hard coding it every single time. That's why I ultimately chose the tailwind-nextjs-starter-blog.

Expand Down
11 changes: 7 additions & 4 deletions data/projects/intro.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -22,14 +22,14 @@ github: https:\\github.com\lennardzuendorf/intro
<Callout>
- this website, the latest evolution of my personal website
- built from the ground up using Next.js, Tailwind CSS, and Contentlayer
- utilizing shading/ui for the UI components and heavily inspired various other websites
- utilizing shading/ui for the UI components and heavily inspired from various other websites
</Callout>

## About the Project

Intro is the final evolution of my personal website. It merges the best parts of my previous website and a personal website I had build using [bento](https://bento.me/). It's still heavily inspired by that design, but I've added my own twist to it. It's supposed to be the one stop to get all important information about me and my projects.
Intro is the lastest evolution of my personal website and the base for any future version. It merges the best parts of my previous website and a personal website I had build using [bento](https://bento.me/). It's still heavily inspired by that design, but I've added my own twist to it. It's supposed to be the one stop to get all important information about me and my projects.

The Design language is heavily inspired by the shadcn/ui which is used throughout the website it also takes inspiration from [https://chronark.com/] and other personal portfolio websites.
The Design language is heavily based on [shadcn/ui](https://ui.shadcn.com/) which is used throughout the website it also takes inspiration from [https://chronark.com/] and other personal portfolio websites.

At the beginning of this project my React/Next.js, Typescript and TailwindCSS skills were pretty rusty and limited, which is also one reason I built this. So I could learn to handle proper Frontend stuff better.

Expand Down Expand Up @@ -61,4 +61,7 @@ At the beginning of this project my React/Next.js, Typescript and TailwindCSS sk

It's a pretty down to earth Next.js website using contentlayer to serve markdown content for projects, legal, etc. Apart from that I am using all the standart technologies like eslint, prettier, husky, lint-stated, etc.

Shadcn/ui is used for the UI components, it provided the code for components based on radix primitives and using tailwindcss. I've added some of my own components.
Shadcn/ui is used for the UI components, it provided the code for components based on radix primitives and using tailwindcss. I've added some of my own components and structure to it.

## Future
The latest version of the website is V1.3.x, but I am already working on a Neo version that will introduce another design update - more animations, different color modes and a new layout. I'll also move to a different analytics platform and a new CMS.
14 changes: 7 additions & 7 deletions data/projects/legalis.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -13,18 +13,18 @@ github: https://github.com/LennardZuendorf/legalis
---

<Callout>
- uni project around court case prediction
- using heavily processed German court case data
- prediction with Random Forest and BERT
- uni project around court case prediction with AI
- prediction with Random Forest and BERT using German court case data
- built with sci-kit learn (random forest) and a BERT model
</Callout>

## About the Project

Legalis is a University project for a machine learning and data science course. I wrote a paper at the University of Oslo about court case outcome prediction and this in the continuation of the project.
Legalis was a University project for a machine learning and data science course. I wrote a paper at the University of Oslo about court case outcome prediction and this in the continuation of the project. The focus of this was rundimentary prediction of court case outcomes in German civil law cases.

I'm using bulk data from [openlegaldata](https:\openlegaldata.io), which included about 250.000 cases, out of which ca. 38k are usable for me. Based on this I trained a random forest classifier to predict the outcome of court cases.
I used bulk data from [openlegaldata](https:\openlegaldata.io), which included about 250.000 cases, out of which ca. 38k were usable for me. Based on this I trained a random forest classifier to predict the outcome of court cases. In the end I reached about a 60% accuracy, which is not great, but also not bad. Additionally I did some very basic training of a BERT model for a classification tasks, which also got about a 60% accuracy.

In the end I reached about a 60% accuracy, which is not great, but also not bad.
While this is a nice explorative project it has many flaws and definately doesn't prove any reliable prediction capabilities.

## Technology & Tools

Expand Down Expand Up @@ -61,7 +61,7 @@ In the end I reached about a 60% accuracy, which is not great, but also not bad.

I very much enjoy all the features [🤗 huggingface](https://huggingface.co/) provides and heavily rely on it in my machine learning projects. Especially the hosting of Dataset, Model and Apps/Spaces.

For prediction, I have trained and optimized a random forest classifier aswell as a naive bayes and a BERT model for text classificaiton.
For prediction, I have trained and optimized a random forest classifier aswell as a naive bayes, both using sci-kit and a BERT model for text classificaiton. For this I used transformers.

I used ChatGPT to extract the outcome as a binary label for 2800 cases and trained the models on that. It works great for the extraction of certain information from longer text (if you're willing to pay or have short texts).

Expand Down
14 changes: 7 additions & 7 deletions data/projects/quaestio.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
type: Project
title: Quaestio
date: 2023-06-01
description: Flutter LowCode Mobile App about deep questions and conversation starters.
description: Flutter lowcode mobile app about deep questions and conversation starters.
images:
[
"/img/projects/quaestio-thumbnail.png",
Expand All @@ -17,16 +17,16 @@ link: https://quaestio.flutterflow.app/
---

<Callout>
- game about deep questions and self-reflection
- you can choose a variety of question categories or mix your own
- game about deep questions and self-reflection, with options for custom questions
- build in Flutter and on Firebase, with the help of [Flutterflow](https://flutterflow.io)
- mobile first/native app with a minimal yet colorfull UI
</Callout>

## About the Project

The idea for quaestio has been on my mind for a while. And when I was testing out [Flutterflow](https://flutterflow.io), I decided to give it a try and see if I could build a prototype in a few days. That went really well, so I decided to stick with it.

Quaestio allows you to play alone or together with several people (a mode with names is planned). After selection a category or creating a mix you will get served questions you can either answer in a group or reflect on yourself. In total there are about 750 questions.
Quaestio allows you to play alone or together with several people. After selecting a category or creating a mix you will get served questions you can either answer in a group or reflect on yourself. In total there are about 750 questions.

You can try it out under the given link, **I suggest doing that on a phone.**

Expand Down Expand Up @@ -55,8 +55,8 @@ You can try it out under the given link, **I suggest doing that on a phone.**
</Link>
</ProjectTech>

The project is 100% build on the [Flutterflow](https://flutterflow.io) platform with some custom function build in Dart. It's also utilising Firebase for Auth, Database, Logging, etc.
The project is 100% build on the [Flutterflow](https://flutterflow.io) platform with some custom function build in Dart and custom coded Widgets in Flutter. It's also utilising Firebase for Auth, Database, Logging, etc.

I'm currently working on some custom code function and the proper backend/Backen-as-a-Service integration. Also, I'm coming up with additional features for logged-in users.
I'm currently working on some aditional customization features and features for logged in users before releasing it on the Apple Store.

The mockups represent the actual look and feel of the app and aren't just for show.
(The mockups represent the actual look and feel of the app and aren't just for show.)
10 changes: 6 additions & 4 deletions data/projects/tempus.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -24,11 +24,11 @@ category: Fullstack Product

## About the Project

I sometimes struggle with focused, goal driven productivity. A well organized ToDo list doesn't necesarilly lead to focus an actually getting stuff done.
I sometimes struggle with **focused, goal driven productivity**. A well organized ToDo list doesn't necesarilly lead to focus an actually getting stuff done.

Over time I tried out many ways and ended up typically using something in between [GTD](https://gettingthingsdone.com/), overengineered ToDo list, excessive note taking and pomodoro. But in the end I was never really happy with it.
Over time I tried out many ways and ended up typically using something in between [GTD](https://gettingthingsdone.com/), overengineered ToDo list, excessive note taking and pomodoro. Nevertheless I always have been missing a tool that actually support all of this properly and that's why I have decided to build on Tempus.

Nevertheless I always have been missing a tool that actually support all of this properly and that's why I have decided to build on Tempus.
Tempus will be my idea of an **optimal App to manage and productively do tasks from different sources**.

## Technology
<ProjectTech>
Expand Down Expand Up @@ -62,4 +62,6 @@ Nevertheless I always have been missing a tool that actually support all of this
</Link>
</ProjectTech>

Tempus will be built using the Redwood.Js framwork and Supabase. Redwood is a framework is a full stack framework to built react apps, that comes with many extremely helpfull capabilites.
Tempus will be build using the **Redwood.Js framework** and **Supabase**. Redwood is a framework is a full stack framework to built react apps, that comes with many extremely helpfull capabilites. Supabase is an open source alternative to Firebase, build around PostgreSQL. It provides Database, Auth, Logging, Storage, Edge Functions, etc.

UI will be build with TailwindCSS and based on shadcn/ui blocks
Loading

0 comments on commit 3d408e5

Please sign in to comment.