Cześć!
Mam na imię Mateusz i jestem Fullstack Developerem. Lubię jeździć na rowerze oraz grać w gry, a zaraz potem pisać generyki w TS i rozwiązywać problemy związane z wydajnością aplikacji. -- Do budowy tej aplikacji wykorzystano Next.js i PayloadCMS. Całość została skonteneryzowana z wykorzystaniem narzędzia Docker, uruchomiona na własnym VPS Oracle Cloud z systemem Ubuntu, udostępniona przy użyciu nginx, przyspieszona dzięki Cloudflare i jest monitorowana dzięki Plausible.
Projekty 🗂️
Road Code
Platforma dla fanów zawodowego kolarstwa. Jeden z głównych architektów i deweloperów. Implementacja złożonego systemu administracyjnego przy użyciu PayloadCMS, obejmującego kontrolę dostępu opartą na rolach, page buildery oraz integracje z zewnętrznymi platformami, takimi jak JWP. Projektowanie bazy danych i architektury mikroserwisów, pomoc w rozwoju mikroserwisów, implementacja frontendu oraz rozwiązywanie problemów z wydajnością. Czuwanie nad jakością kodu we wszystkich usługach. Tworzenie i wdrażanie rozwiązań opartych na usługach AWS, takich jak Lambda, SQS i SNS.
Trawy i byliny
Platforma e-commerce specjalizująca się w trawach ozdobnych i bylinach, zbudowana na PrestaShop z zakupionym i dostosowanym szablonem. Samodzielnie hostowana na własnoręcznie skonfigurowanym i zabezpieczonym VPS. Odpowiedzialność obejmuje utrzymanie platformy, zarządzanie konfiguracją serwera oraz aktualizacje sklepu.
Vala
Platforma SocialFi, która łączy emocje związane z mediami społecznościowymi z potencjałem zdecentralizowanych finansów (DeFi). Opracowanie aplikacji mobilnej od podstaw przy użyciu Expo. Integracja z backendem zbudowanym w NestJS. Integracja z magic.link SDK do uwierzytelniania.
mojeOSE
Portal do zarządzania usługami dla szkół podłączonych w ramach projektu Ogólnopolska Sieć Edukacyjna i mLegitymacja szkolna. Kontynuacja procesu zgłoszeniowego do ww. projektów, zarządzanie usługami (faktury, zgłoszenia techniczne, raporty). Przygotowanie i integracja z systemem CMS, Rest API, uwierzytelnianie z wykorzystaniem OIDC.
OSEgov
Portal w ramach projektu Ogólnopolska Sieć Edukacyjna. Implementacja stron informacyjnych o projekcie, obsługa zgłoszeń szkół do projektu OSE i mLegitymacja szkolna. Przygotowanie i integracja z systemem CMS i Rest API.
adminOSE
Portal wewnętrzny dla administratorów projektu Ogólnopolska Sieć Edukacyjna. Zarządzanie kontami użytkowników, usługami, obsługa zgłoszeń, ankiet technicznych. W wersji 2.0 implementacja środowiska w Next.js (OIDC i OAuth 2.0, implementacja podpisywania tokenu JWT na potrzeby zabezpieczenia komunikacji z Rest API, implementacja Server Sent Events).
OSEkongres
Portal skierowany do uczestników Kongresu Ogólnopolskiej Sieci Edukacyjnej. Implementacja części klienckiej i serwerowej w Next.js (komunikacja z bazą PG, przygotowanie i integracja z systemem CMS, obsługa rejestracji uczestników).
OSEhero
Portal skierowany do nauczycieli ze szkół uczestniczących w projekcie Ogólnopolska Sieć Edukacyjna. Implementacja części klienckiej i serwerowej w Next.js (komunikacja z bazą PG, obsługa procesu uwierzytelniania z wykorzystaniem narzędzia obsługującego protokoły OIDC i OAuth 2.0, obsługa rejestracji użytkowników, panel dla zalogowanych użytkowników, przygotowanie i integracja z systemem CMS i Rest API).
Lektury
Portal oferujący dostęp do cyfrowych zasobów edukacyjnych i kulturowych (lektury szkolne w formacie e-book, audiobook). Przygotowanie i integracja z systemem CMS i Rest API, implementacja czytnika e-book oraz odtwarzacza audiobook, obsługa zgłoszeń dydaktycznych, implementacja wyszukiwarki zasobów.
ESA
Portal w ramach projektu Edukacyjna Sieć Antysmogowa. Implementacja stron informacyjnych o projekcie, obsługa zgłoszeń do projektu. Przygotowanie i integracja z systemem CMS i Rest API. Wykorzystanie Google Maps API (v1) i OpenStreetMap API (v2), obsługa klasteryzacji.
n6portal
Platforma open source służąca do gromadzenia, przetwarzania i przekazywania informacji o zdarzeniach bezpieczeństwa w sieci. Obsługa wielojęzyczności, rejestracji, uwierzytelniania dwuskładnikowego oraz integracja z Rest API. Implementacja wirtualizacji tabel z bardzo dużym zbiorem danych.
OSE IT Szkoła
Platforma edukacyjna z dostępem do bezpłatnych materiałów i kursów e-learningowych. Przygotowanie i ostylowanie layoutu aplikacji.
Thinkstat
Portal Zespołu Badań Rynku i Opinii NASK-PIB realizującego projekty badawcze i wdrożeniowe z obszaru badań społecznych, rynkowych, edukacyjnych i dotyczących bezpieczeństwa cyfrowego. Implementacja części klienckiej i serwerowej w Next.js, przygotowanie i integracja z systemem CMS.
Umiejętności 😎
> Języki, biblioteki i frameworki
- JavaScript / TypeScript / Node.js
- aktualny React / Next.js
- React Native (expo)
- SSR / SSG / CSR
- PayloadCMS / headless Wordpress
- AWS (S3, Lambda, SNS, SQS, EventBridge)
- REST API / SSE / WebSockets / GraphQL
- SQL / NoSQL (PostgreSQL, Redis, MongoDB)
- ORM (prisma, drizzle)
- Docker
- CI/CD (gitlab, github)
- CSS3 / Sass + SCSS syntax / Bootstrap / TailwindCSS
- bezpieczeństwo aplikacji webowych
- wydajność aplikacji webowych
- kontrola dostępu do aplikacji
- dobre praktyki SEO / podstawy WCAG
> Główne paczki
- fetch / axios
- TanStack Query / TanStack Table / TanStack Virtual
- zod / yup
- react-hook-form
- GSAP3 & ScrollTrigger
- Zustand
- ESLint & Prettier
- date-fns