P??EL Š?T?N?A

Front-end developer

Pavel Šťastný image

ABOUT ME

React Enthusiast

I'm passionate Front-end developer, mainly focused on developing React/Typescript applications.

Quality oriented

My main goal is to create a great user experience and make the apps accessible, efficient, and user-friendly.

Professional

I write clean, readable, and maintainable code that adheres to the best industry standards.

Continuous learner

I'm always learning and keeping up with the latest technologies and trends to make sure my work stays current.

My tech stack

Main stack
React
React
Typescript
Typescript
MaterialUI
MaterialUI
CSS/SCSS
CSS/SCSS
Tailwind
Tailwind
Bootstrap
Bootstrap
Storybook
Storybook
Vite
Vite
Worked with
Mantine
Mantine
Next.js
Next.js
Astro
Astro
Express
Express
Node.js
Node.js
Playwright
Playwright
Svelte
Svelte
Blazor
Blazor
Vitest
Vitest
MapBox
MapBox
Other interests and tools
GitLab
GitLab
Figma
Figma
T3Stack
T3Stack
Remix
Remix
VSCode
VSCode
Prettier
Prettier
ESLint
ESLint

WORK EXPERIENCE

  1. Front-end developer, YunexTraffic s.r.o.

    05/2022 – present

    Developing web apps and React components as part of the FE/UX team using React, Typescript etc. Lead UI library developement, and boost code quality in legacy projects through linting, refactoring, and code reviews, all while improving overall user experience with performance in mind.

  2. Web Developer, Papirfly

    07/2021 – 04/2022

    Develop web applications and websites for clients using JavaScript/TypeScript, Angular, CSS (SASS) etc. As the sole front-end developer, I built a single-page application (SPA) using vanilla JavaScript, class-based components, SCSS styles, and REST API integration.

  3. Software tester, TwinSoft s.r.o

    11/2017 – 07/2021

    Part-time job at college. Manual and automated testing of a web application, including SQL database interaction. Enhanced the app's UX through valuable feedback.

SOLO PROJECTS

In this section, you can take a look at some of my projects. Some of them are practice projects, while others can be considered 100% functional as intended. Some are older and may show signs of age. I can't actively update all of them, but they reflect part of my journey.

Image of application: Cesťáky

Cesťáky

Web application in which you can calculate travel costs based on the data you enter, such as starting position and finishing position, price per km, etc. The application is created using react and firebase. MapBox directions API is used to calculate the distance. MapBox geocoding API is used to get the addresses.

Technologies: React, Mantine, Firebase
Image of application: Svelte Calculator

Svelte Calculator

An application created in September 2021 when I started exploring the Svelte framework. Since I wanted to try working with Svelte, I created this small project. It is a simple cleint only app, where I wanted to try new technology.

My opinion on SVELTE: I found working with Svelte very enjoyable, and IMO, it's an excellent technology. I especially appreciate the quick setup and the overall simplicity of the framework. The technical documentation and example tutorials are also outstanding. Compared to React or Angular, Svelte feels much more lightweight. To start a project, you just need to download a template, and you're ready to go. Deployment is also straightforward because Svelte builds a clean JS file that is deployed together with an HTML and CSS file. Simple. Combined with gh-pages, it's a very fast way to develop and deploy your own smaller projects.

Technologies: Svelte 4, Carbon Design System, SASS
Image of application: Drum & Beats

Drum & Beats

This project was created as a spin-off from the Drum Machine project on freeCodeCamp. In the Beat Maker, you can compose music (beats) and loop them. In the Drum Machine, you can play virtual drums. The applications offer various settings: speed, volume, drum kit, pitch, and appearance. In the Beat Maker, you can export and import settings to share your compositions. Created in December 2021.

Technologies: React, Typescript, Tailwind, DaisyUI, Vite
Image of application: Pomodoro timer

Pomodoro timer

A Pomodoro timer that helps you track your work and break times. In the timer, you can set intervals, and the timer will notify you with a sound when it’s time to take a break or get back to work. I integrated the Unsplash API to display a different random photo with each load. Additionally, motivational quotes appear to encourage you during work intervals. Sound signals are also a nice addition.

Technologies: React, Taiwlind, DaysiUI