Ahoj, já jsem
Matěj Štyblo
Full Stack Developer
React Frontend & Java Backend
Jsem fullstack vývojář se zaměřením především na frontend vývoj používám k tomu React a Java/Spring Boot. Mám vášeň pro vytváření robustních systémů a uživatelsky přívětivých aplikací. Mám 2 roky komerční zkušenosti s frontendem a 1 rok s backendem.
Zkušenosti
Moje profesionální cesta.
Fullstack Developer
DERS s.r.o.
Hradec Kralove, Česká republika
prosinec 2023 - Současnost
Vývoj enterprise aplikací pro vysoké školy a vědecké instituce s důrazem na customizaci, uživatelskou přívětivost a integraci akademických systémů. Projekty zahrnovaly správu vzdělávacích programů, přihlášek, konferencí i e-shop řešení.
Klíčové Odpovědnosti
- Vývoj React aplikací s Redux a Bootstrap UI komponentami
- Customizace uživatelských rozhraní podle specifických potřeb jednotlivých univerzit
- Vývoj komplexních seznamů s filtrováním, řazením, bulk operacemi a multi-tenant podporou
- Tvorba workflow pro přihlašování na programy s kapacitami, náhradníky a validací údajů
- Práce s databázemi PostgreSQL a Oracle - psaní složitějších SQL dotazů, optimalizace přístupu k datům
- Implementace dynamických formulářů s EAV atributy a pokročilými validacemi
- Implementace frontend integací s REST API a externími systémy (IPFS, Moodle, Zasílkovna)
- Vývoj business logiky pro objednávkový systém, slevy, QR platby a platební brány
- Podpora vývoje backendu v Javě (Spring Boot) a rozšiřování REST API
Použité Technologie
React
Webpack
Babel
ESLint
SCSS
Bootstrap
Java 8+
Spring Boot
Hibernate
Oracle DB
PostgreSQL
Git
Nexus
IntelliJ
CI/CD pipelines
💼
2 roky zkušeností
Medior na frontendu a junior na backendu, kde se snažím zlepšovat každý den
Projekty
Podívejte se na některé z mých nedávných projektů
E-shop Jeepz.cz
Kompletní realizace e-shopu včetně migrace dat ze starého systému do nového postaveného na PrestaShopu. Úprava šablony a vývoj vlastních modulů v PHP. Vytvoření grafických materiálů pomocí Canvy. Zajištění webhostingu a domény. Web nadále spravuji a rozvíjím. Udělal jsem pro to veškeré SEO optimalizace, aby byl web vidět na Googlu. Napojení na SEARCH od google analytics 4, autoamtický import produktu do google merchantu, přes mojí vytvořenou modulu pro PrestaShop.
Použité technologie:
PrestaShop
PHP
MySQL
HTML
CSS
Canva
Webhosting
phpMyAdmin
SEO
Drive666.cz
Responzivní webová prezentace specializované firmy pro renovace palivových nádrží. Optimalizováno pro SEO a mobilní zařízení. Klient chtěl, aby si tam mohl nahrávat fotky přes cloudianry, vytvořil jsem proto jednoduchý node server, který bere fotky z jeho uživatelského účtu a zobrazuje je na webu.
Použité technologie:
React
Node.js
Bootstrap 3
Cloudinary
SEO
Chata Jílovanka
Jednoduchý a přehledný informační web pro rodinný penzion s plně responzivním designem. Projekt jsem vytvořil pro své první klienty — mé rodiče. Byl to můj první větší projekt v Reactu, kde jsem si osvojil práci s komponentovým přístupem a responzivním designem. Web obsahuje základní informace o ubytování, cenách a kontaktech s důrazem na uživatelskou přívětivost a jednoduchost.
Použité technologie:
React
SEO
HTML
CSS
Aukční Systém
Moderní webová aplikace pro správu aukcí s real-time funkcionalitou. Admin může vytvořit aukci, uživatele měnit čas aukce, přidát fotku registrovat, přihlašovat a účastnit se aukcí v reálném čase. Frontend je postavený v Reactu s TypeScriptem a využívá socket.io pro živou komunikaci. Backend běží na Node.js s Express a MongoDB. Součástí je autentizace pomocí JWT, hashování hesel, správa uživatelů a zabezpečený přenos dat. Projekt je rozdělen na klientskou a serverovou část.
Použité technologie:
Java
Spring Boot
React
MySQL
Socket.io
REST API
Karolina Finance
Webové stránky pro finanční poradenství s možností kontaktovat poradce a zjistit informace o službách.
Použité technologie:
React
SEO
HTML
CSS
Technologie
Nástroje a technologie, které používám ve svých projektech
Frontend
⚛️
React
advanced
🔷
TypeScript
intermediate
▲
Next.js
intermediate
🎨
Tailwind CSS
intermediate
🌐
HTML5
expert
🎨
CSS3
expert
Backend
☕
Java
intermediate
🍃
Spring Boot
intermediate
🟢
Node.js
intermediate
🔗
REST APIs
advanced
🏗️
Microservices
intermediate
Databáze
🐘
PostgreSQL
intermediate
🗄️
MySQL
intermediate
🍃
MongoDB
intermediate
🗄️
Oracle DB
intermediate
Nástroje
📝
Git
advanced
📦
Maven
intermediate
📦
NPM
intermediate
📋
Swagger/OpenAPI
intermediate
🚀
Fullstack Developer
Specializace React frontend aplikace java/node backend aplikace