An open API service indexing awesome lists of open source software.

https://github.com/pdxiii/pdxiii

The repository form my profile.
https://github.com/pdxiii/pdxiii

astro css3 design development ecmascript engineering express ghost html5 javascript jekyll mongodb mongoose processing react svelte ui ux vite

Last synced: 2 months ago
JSON representation

The repository form my profile.

Awesome Lists containing this project

README

        

# Hi there 👋, I’m Pete!

> I am a UX & frontend engineer with over a decade of experience in software design, and I love well-crafted design systems and component libraries.
Together with my family, I live in the vibrant city of Berlin. In my spare time, I like to visit exhibitions, meet with friends, and learn new things.

[![Link to my CodePen profile](https://img.shields.io/static/v1?label=CodePen&message=@pdxiii&style=social&logo=codepen)](https://codepen.io/PDXIII)
[![Link to my StackBlitz profile](https://img.shields.io/static/v1?label=StackBlitz&message=@pdxiii&style=social&logo=stackblitz)](https://stackblitz.com/@PDXIII)
[![Link to my LinkedIn profile](https://img.shields.io/static/v1?label=LinkedIn&message=@pdxiii&style=social&logo=linkedin)](https://linkedin.com/in/pdxiii)
[![Link to write me an email](https://img.shields.io/static/v1?label=email&[email protected]&style=social&logo=gmail)](mailto:[email protected])

## About Me

Maybe, you haven’t heard about UX engineering. Then let me recommend [this article](https://petersekan.de/thoughts/ux-engineer/) to you. Yes, it’s by me 😁, but still worth reading.
I graduated from the [University of Applied Sciences Potsdam](https://www.fh-potsdam.de/en) with a Bachelor of Arts in Interface Design in 2014. Since then, I have worked for two years freelance as a full-stack web designer, providing everything from visual design to full service with design, development, deployment, and maintenance of websites. In 2016 I joined a SAAS startup here in Berlin as a design engineer. From then on, my main focus is on design systems.

### My Toolbox

Libraries, frameworks, and tools I use to get my work done:

![](https://img.shields.io/static/v1?style=flat-square&color=orange&logoColor=white&label=code&logo=html5&message=HTML5)
![](https://img.shields.io/static/v1?style=flat-square&color=orange&logoColor=white&label=code&logo=css3&message=CSS3)
![](https://img.shields.io/static/v1?style=flat-square&color=orange&logoColor=white&label=code&logo=javascript&message=JavaScript)
![](https://img.shields.io/static/v1?style=flat-square&color=orange&logoColor=white&label=code&logo=nodedotjs&message=NodeJS)
![](https://img.shields.io/static/v1?style=flat-square&color=orange&logoColor=white&label=code&logo=react&message=ReactJS)
![](https://img.shields.io/static/v1?style=flat-square&color=orange&logoColor=white&label=code&logo=express&message=ExpressJS)
![](https://img.shields.io/static/v1?style=flat-square&color=orange&logoColor=white&label=code&logo=tailwindcss&message=TailwindCSS)
![](https://img.shields.io/static/v1?style=flat-square&color=orange&logoColor=white&label=code&logo=animejs&message=AnimeJS)
![](https://img.shields.io/static/v1?style=flat-square&color=orange&logoColor=white&label=code&logo=mongodb&message=MongoDB)
![](https://img.shields.io/static/v1?style=flat-square&color=orange&logoColor=white&label=code&logo=bootstrap&message=Bootstrap)
![](https://img.shields.io/static/v1?style=flat-square&color=orange&logoColor=white&label=code&logo=astro&message=Astro)
![](https://img.shields.io/static/v1?style=flat-square&color=orange&logoColor=white&label=code&logo=vite&message=ViteJS)
![](https://img.shields.io/static/v1?style=flat-square&color=orange&logoColor=white&label=code&logo=svelte&message=SvelteJS)
![](https://img.shields.io/static/v1?style=flat-square&color=orange&logoColor=white&label=code&logo=markdown&message=Markdown)

![](https://img.shields.io/static/v1?style=flat-square&color=orange&logoColor=white&label=tool&logo=visualstudiocode&message=VSCode)
![](https://img.shields.io/static/v1?style=flat-square&color=orange&logoColor=white&label=tool&logo=git&message=Git)
![](https://img.shields.io/static/v1?style=flat-square&color=orange&logoColor=white&label=tool&logo=npm&message=NPM)
![](https://img.shields.io/static/v1?style=flat-square&color=orange&logoColor=white&label=tool&logo=sketch&message=Sketch)
![](https://img.shields.io/static/v1?style=flat-square&color=orange&logoColor=white&label=tool&logo=figma&message=Figma)
![](https://img.shields.io/static/v1?style=flat-square&color=orange&logoColor=white&label=tool&logo=postman&message=Postman)
![](https://img.shields.io/static/v1?style=flat-square&color=orange&logoColor=white&label=tool&logo=mongodb&message=MongoDBCompass)
![](https://img.shields.io/static/v1?style=flat-square&color=orange&logoColor=white&label=tool&logo=jira&message=Jira)
![](https://img.shields.io/static/v1?style=flat-square&color=orange&logoColor=white&label=tool&logo=trello&message=Trello)
![](https://img.shields.io/static/v1?style=flat-square&color=orange&logoColor=white&label=tool&logo=miro&message=Miro)
![](https://img.shields.io/static/v1?style=flat-square&color=orange&logoColor=white&label=tool&logo=notion&message=Notion)
![](https://img.shields.io/static/v1?style=flat-square&color=orange&logoColor=white&label=tool&logo=adobecreativecloud&message=AdobeCC)
![](https://img.shields.io/static/v1?style=flat-square&color=orange&logoColor=white&label=tool&logo=microsoftoffice&message=MSOffice)
![](https://img.shields.io/static/v1?style=flat-square&color=orange&logoColor=white&label=tool&logo=googledrive&message=GoogleDrive)

| My GitHub Stats | My Top Langs |
|---|---|
| [![Pete's GitHub stats](https://github-readme-stats.vercel.app/api?username=pdxiii&show_icons=true&hide_title=true&theme=swift)](https://github.com/pdxiii/github-readme-stats) | [![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=pdxiii&layout=compact&hide_title=true&theme=swift)](https://github.com/pdxiii/github-readme-stats) |