Benedykt-the-Dev – Portfolio i Blog Programistyczny

Mon, 24 Feb 2025 16:00:00 +0000

Czym jest Benedykt-the-Dev?

Benedykt-the-Dev to moja strona osobista, na której dzielę się portfolio, umiejętnościami oraz wpisami na blogu o moich doświadczeniach i zainteresowaniach. Do stworzenia tego projektu użyłem Next.js oraz kilku mniejszych bibliotek, o których opowiem za chwilę. Blog zbudowałem na Hugo, co pozwala na szybkie działanie i świetną optymalizację pod kątem SEO.

Nie mogę nie wspomnieć, że inspirację do tego projektu zaczerpnąłem od Macieja. Jego wpisy zawsze czytałem z ciekawością, co ostatecznie zmotywowało mnie do stworzenia własnej strony.

Szczerze mówiąc, rok temu nie przypuszczałbym, że będę pisał wpis na bloga o swojej własnej stronie. Liczę na to, że za rok spojrzę na to z podobną refleksją – ale tym razem w kontekście czegoś zupełnie innego, o czym teraz nawet nie mam pojęcia.

Co znajdziesz na stronie?

Portfolio – Najważniejsze projekty z linkami do wpisów na blogu, moja ścieżka kariery, zainteresowania oraz możliwość kontaktu.
Blog – Miejsce, w którym dzielę się przemyśleniami, poradnikami i doświadczeniami z mojego życia.

Stack technologiczny

Next.js – Framework frontendowy, który świetnie współpracuje z SEO oraz oferuje szybkie działanie dzięki renderowaniu po stronie serwera (SSR). W przyszłości ułatwi mi też wdrażanie nowych funkcji, np. formularza kontaktowego.
Framer Motion – Moje pierwsze doświadczenie z tą biblioteką animacji. Bardzo intuicyjne rozwiązanie, które pozwala ograniczyć zbędny kod.
React Typist – Użyłem tego narzędzia, żeby uzyskać efekt pisania na ekranie. Jest lekkie i proste w implementacji – dokładnie to, czego potrzebowałem.
Tailwind CSS – Framework CSS typu utility-first, który umożliwia pisanie spójnych i nowoczesnych stylów bez potrzeby korzystania z dodatkowych plików CSS. Uwielbiam to rozwiązanie za możliwość pisania komponentów i stylów w jednym miejscu.
Hugo – Blog oparty jest na Hugo, co gwarantuje szybkie ładowanie oraz dobrą optymalizację pod kątem SEO. Początkowo miałem ambitny plan, by napisać wszystko od podstaw, włącznie z backendem i CMS-em. Jednak ostatecznie postawiłem na Hugo, co pozwoliło mi szybciej zacząć publikować wpisy na blogu. Tutaj również inspirowałem się podejściem Macieja, który polecił to rozwiązanie.

Co dalej?

Ten projekt był świetną okazją do pokazania moich umiejętności oraz dzielenia się wiedzą z zakresu web developmentu, AI i innych tematów, które mnie interesują. Planuję rozbudować stronę o sekcję dotyczącą hobby czy wykształcenia.

Jednak nie oszukujmy się – najbliższe miesiące będą dość intensywne, bo za tydzień zaczynam nową pracę na 3/4 etatu oraz studia II stopnia ze specjalnością AI. Presja? Owszem, ale podobno to przywilej – więc zamierzam to wykorzystać na maksa. Na nudę na pewno nie będę narzekać!

Chcesz zobaczyć kod źródłowy albo dowiedzieć się więcej? Sprawdź repozytorium na GitHubie.

SpeedDatingMatcher – Event Management z Django i Next.js

Sun, 23 Feb 2025 17:00:00 +0000

Skąd wziął się pomysł?

Pomysł na SpeedDatingMatcher zrodził się dzięki mojej siostrze Róży, która studiuje na Uniwersytecie Medycznym w Białymstoku. Co więcej, nie tylko studiuje – prowadzi również uczelniane pismo – Młody Medyk. Od dwóch lat jej organizacja studencka organizuje eventy speed datingowe. No i tutaj pojawił się problem – według relacji Róży nic nie okazuje się bardziej żmudne, okropne i jest bólem nie do zniesienia jak sprawdzenie preferencji kontaktu uczestników oraz wysyłanie do nich maili z informacją zwrotną. Jeśli dobrze pamiętam to podczas wypowiadania tych słów, uroniła nawet nie jedną, a dwie łzy, ale takie krokodyle nawyki nabyła już w dzieciństwie. Mimo wszystko jako brat-deweloper postanowiłem jej pomóc i wziąłem sprawy w swoje ręce.

Czym jest SpeedDatingMatcher?

SpeedDatingMatcher to system do zarządzania wydarzeniami speed datingowymi. Obsługuje rejestrację uczestników, dopasowywanie preferencji (kto chce się skontaktować z kim) oraz wysyłanie maili z kontaktami dzięki integracji z Brevo. Pierwsza wersja została wdrożona na Microsoft Azure, ale nie będę ukrywał – brak doświadczenia z SSR dał mi w kość. Skończyło się to większą frustracją, niż się spodziewałem, ale ostatecznie udało mi się aplikację uruchomić.

W tegorocznej edycji (2025) postanowiłem podejść do tematu bardziej rozsądnie – nie tylko ze względu na moje doświadczenie z Azure, a również to finansowe, bo pakiet edukacyjnych stu dolarów całkowicie wykorzystałem na poprzednią edycję. Finalnie postawiłem na VPS z wykorzystaniem Dockera i nginx. Miałem też do dyspozycji serwer AWS EC2 Free Tier, ale wiedziałem, że wkrótce będę potrzebował serwera do tego bloga, więc od razu zdecydowałem się na VPS.

Jak to działa?

Głównym celem aplikacji nie jest tylko wysyłanie maili, ale automatyczne dopasowywanie uczestników wydarzenia. Jak to działa? Jeśli uczestnik z numerem 3 chce skontaktować się z numerem 2 oraz 1, muszę sprawdzić, czy zarówno numer 2, jak i 1 również chcą kontaktu z numerem 3. Dopiero wtedy, gdy jest wzajemna chęć kontaktu, wysyłamy maila. Sytuację obrazuje poniższa grafika:

Aplikacja oferuje m.in.:

Zarządzanie wydarzeniami randkowymi – Kompleksowe zarządzanie uczestnikami i spotkaniami.
Walidacja emaili – Sprawdzanie poprawności podanych adresów email.
Integracja z Brevo – Automatyczne powiadomienia i przypomnienia dla uczestników.

Dzięki wykorzystaniu Django, mogę łatwo zarządzać użytkownikami i ich danymi.

Stack technologiczny

Django – Backend i zarządzanie bazą danych.
Next.js – Szybki frontend z renderowaniem po stronie serwera.
Brevo – Integracja do wysyłania e-maili.
BeautifulSoup4 – Dynamiczna modyfikacja szablonów HTML w mailach.
Microsoft Azure – Hosting aplikacji w chmurze (pierwsza wersja).
Docker – Konteneryzacja aplikacji.
Nginx – Reverse proxy na serwerze VPS.

Czego się nauczyłem i co dalej?

Szczerze mówiąc, był to pierwszy poważniejszy projekt, który zrealizowałem poza pracą. Gdybym powiedział, że planowanie architektury, dobór technologii oraz pisanie kodu nie sprawiło mi ogromnej frajdy, to bym skłamał. Ten projekt naprawdę rozbudził moją deweloperską pasję.

Mogłem przetestować swoje pomysły, a przy okazji nauczyć się dużo o SSR, Django i Azure. Nie było łatwo, ale każde wyzwanie było nową lekcją.

Projekt współtworzyłem z Maćkiem, co pozwoliło mi zdobyć cenne doświadczenie w zarządzaniu zadaniami, współpracy zespołowej oraz Code Review.

Chcesz dowiedzieć się więcej? Sprawdź repozytorium na GitHubie.

Next.js on Benedykt Huszcza | Blog

Benedykt-the-Dev – Portfolio i Blog Programistyczny

Czym jest Benedykt-the-Dev?

Co znajdziesz na stronie?

Stack technologiczny

Co dalej?

SpeedDatingMatcher – Event Management z Django i Next.js

Skąd wziął się pomysł?

Czym jest SpeedDatingMatcher?

Jak to działa?

Stack technologiczny

Czego się nauczyłem i co dalej?