Sascha Klatt full-stack
web developer

I was engaged by Studitemps GmbH to spearhead the transformation of their corporate website from studitemps.de to jobvalley.com. Transitioning away from the initial WordPress infrastructure, we employed cutting-edge technologies including Contentful, Next.js, and Tailwind to achieve a high-speed, headless solution. Collaborating seamlessly with the Marketing and UX/UI departments, our cohesive team efficiently initiated the project. Despite a tight deadline, we launched the primary version in just a few weeks. Over the subsequent months, we further enhanced the platform by incorporating features such as automated job postings through an in-house job API, and integration with prominent external job platforms like Xing and Indeed.

Website

jobvalley.com

From / to

since Feb 2021

Tech-stack

React, Next.js, Tailwind CSS, MongoDB, Node.js, Contentful, Storybook, Vercel

Tools

JIRA

Client

Studitemps GmbH

Industry

Recruitment

Team size

5 team members

In February 2023, Natascha Fadeeva and I joined forces to launch "appocados," a premier vegan recipe platform tailored for the vegan community. This dynamic platform empowers vegan food bloggers and influencers to prominently display their recipes via the appocados mobile application. At its core, the system boasts a user-friendly mobile app filled with premium vegan recipes, complemented by a specialized web back-end for content creators. Client applications effortlessly synchronize with our platform, thanks to our GraphQL-based recipe API, developed using Apollo. Furthermore, I took the initiative to conceptualize, design, and bring to life our company's website at www.appocados.com, crafted with Astro and Svelte.

Website

www.appocados.com

From / to

since Feb 2023

Tech-stack

TypeScript, Svelte, Astro, MongoDB, Node.js, Apollo, GraphQL, Netlify, Matomo

Tools

Figma, GitLab, JIRA

Client

appocados

in cooperation with

Natascha Fadeeva

Industry

Food

Team size

2 team members

Commissioned by bettercodeLABS to enhance the UI of their existing prototype into a production-ready design, I utilized Figma to create a user-centric design prioritizing simplicity and functionality. Through wireframing and prototyping, I developed a clickable prototype in Figma for desktop and mobile devices, ensuring an intuitive interface. The implementation of the design into the client application involved React.js and Material UI for a polished and consistent look. Real-time updates were seamlessly integrated via a REST API, elevating user engagement and responsiveness. The result is an optimized UI that enhances the overall bidding experience.

When

Oct 2023 - Dec 2023

Tech-stack

TypeScript, React, Material UI, Docker

Tools

Figma

Client

bettercodeLABS L.L.C-FC

Industry

Food

In September 2023, I revamped my developer portfolio website in a record time of just 10 days, transitioning from idea, through design, to implementation. The result is a sleeker, more aesthetically pleasing, and user-centric interface. Crafted with React, Tailwind, and Astro, the site is seamlessly hosted on Netlify. Leveraging Astro's island architecture, the site boasts lightning-fast load times without compromising on functionality or accessibility. For those interested in the nitty-gritty, the source code is publicly available on GitHub, offering a deeper dive into the implementation details.

Website

saschaklatt.dev

When

in Sep 2023

Tech-stack

TypeScript, React, Astro, Tailwind CSS, Netlify, Matomo

Tools

GitHub, JIRA, Affinity Designer

Client

Sascha Klatt

The web application go.fluege.de efficiently sifts through thousands of airlines to give users the best flight options at unbeatable prices. In this project, I had the chance to work with Invia Flights' front-end team to modernize the existing platform. We made use of technologies such as Web Components, Polymer, Lit, and Redux and integrated the booking forms with a complex REST-based microservice architecture.

Website

go.fluege.de

When

Feb 2020 - Jun 2021

Tech-stack

Web Components, Lit, Polymer, Redux, Redux Saga

Tools

GitLab, JIRA, Swagger

Client

Invia Flights Germany GmbH

Industry

Travel

In cooperation with robole and Knick Design, we developed the online platform politischbilden.de for our client Adb - Arbeitskreis deutscher Bildungsstätten. This platform serves as a unique hub for teachers to share resources on political education. My task was to develop the front-end and design a RESTful API using Swagger to create a seamless interface to our custom CMS. Using React and Gatsby as foundational tools, we ensured exceptionally fast loading speeds due to Gatsby's static page generation and advanced image optimization.

Website

politischbilden.de

When

Jul 2019 - Feb 2020

Tech-stack

React, Gatsby, Redux, Node.js, Express, REST, GraphQL

Tools

Redmine, Swagger, GitLab

Client

Arbeitskreis deutscher Bildungsstätten e. V.

in cooperation with

robole - Kabisch & Wilmer GbRKnick Design - Müller, Schopf GbR

Industry

Education, Politics

Team size

4 team members

CLIENT II is an initiative by the Federal Ministry of Education and Research of the Federal Republic of Germany (BMBF) that promotes research collaborations tailored to the needs of select emerging and developing nations. The website offers an in-depth view of all funded projects and provides the latest news, events, and updates related to CLIENT II. I was responsible for implementing Drupal as the website's content management system. Additionally, I developed an interactive global map using Mapbox to showcase the diverse funding projects.

Website

bmbf-client.de

When

Jan 2019 - Jun 2019

Tech-stack

Drupal, Mapbox

Tools

Redmine

Client

German Federal Ministry of Education and Research

in cooperation with

robole - Kabisch & Wilmer GbRKnick Design - Müller, Schopf GbR

Industry

Politics

Team size

4 team members

At XPURE GmbH, I had the opportunity to work on the RIO project, a cloud-based telematics platform that integrates the entire transport and logistics ecosystem. My team was in charge of developing the performance analysis module, which assesses the efficiency of individual truck drivers. Our team of 8 to 10 team members developed systems to collect sensor data from the trucks, transmit it to the back-end, and then present it clearly on the front-end with intuitive dashboards, detailed reports, and recommended actions. My primary responsibility was the front-end development, working closely with the UX/UI team and the back-end developers. The front-end was developed using React and Bootstrap. To ensure consistency throughout the project, we also developed a cross-team UIKit to ensure a consistent look and feel across the platform.

Website

rio.cloud

When

Sep 2016 - Dec 2018

Tech-stack

React, Redux, Redux Saga, Bootstrap, Docker

Tools

GitLab, JIRA, Swagger

Employer

XPURE GmbH

Client

MAN Truck & Bus Deutschland GmbH

Industry

Logistics

Team size

8 team members

Klatt Eis is an ice cream company founded by my brother Rico Klatt in 2020. The company operates both an on-site ice cream parlor and a traditional Italian Piaggio ice cream van. In an effort to spread the word and help the business succeed, I developed a small marketing website which features details about the company, its ice cream flavors, and the itinerary of the ice cream van, which is updated through integration with an Apple calendar. The design process began with preliminary wireframing using Adobe XD. After several revisions, a final design was settled upon. The website was constructed using technologies such as Next.js, Contentful, and TailwindCSS. Additionally, it incorporates a multi-step booking form for individuals and businesses interested in securing the ice cream van for events.

Website

klatt-eis.de

From / to

since Jun 2021

Tech-stack

React, Next.js, Tailwind CSS, Contentful, Netlify

Tools

GitLab, JIRA

Client

Rico Klatt

Industry

Food

In 2018, I found myself deeply drawn to a career in game development. I frequently engaged with grid data structures, useful in applications like board games or arranging objects within 2D rooms. These structures are often visualized as two-dimensional arrays, commonly termed "grids". Realizing I was repeatedly crafting similar helper functions for these grids, I consolidated them into an open-source library named "gridl", which I then shared on npm. For users' convenience, I also launched a dedicated documentation site, gridl.js.org, crafted using Gatsby and TailwindCSS. This documentation is auto-generated via TypeDoc, sourced directly from the library's internal JSDocs comments.

Website

gridl.js.org

From / to

since Jan 2018

Tech-stack

TypeScript, Jest, Rollup

Industry

Software