step_01
problem
Trzeba było szybko stworzyć nową stronę na podstawie projektu Figma. Nie wszystkie ekrany były zaprojektowane, a oprócz interfejsu potrzebne były konta, publikacje, wyszukiwarka, moderacja i pełny backend.
terminal://project/02
case: loaded
vlad@portfolio:~$ open case/lrscripts-roblox-platform
WebDevOps
LRscripts — full-stackowa platforma ze skryptami Roblox
Od zera zbudowałem platformę, na której użytkownicy mogą wyszukiwać, publikować i komentować skrypty Roblox — od interfejsu z Figmy po bazę danych, panel administracyjny i serwer produkcyjny.
tech_stack
10 modules
Next.js 16React 19TypeScriptPrismaMariaDBTailwind CSSSharpCaddyUbuntusystemd
route: /projects/lrscripts-roblox-platform
status: production_case
focus: ux / speed / business result
step_02
solution
Brakujące strony zaprojektowałem w tym samym stylu i zbudowałem całą platformę w Next.js. Dodałem konta, profile, katalog, gry, wyszukiwarkę, komentarze, reakcje, ulubione, obserwowanie użytkowników, przesyłanie obrazów i panel administracyjny. Gotowy projekt samodzielnie wdrożyłem na VPS z HTTPS i kopiami zapasowymi.
step_03
my_role
Samodzielnie wykonałem frontend, backend, bazę danych, panel administracyjny, bezpieczeństwo, SEO oraz wdrożenie projektu na serwer.
results
1
Stworzyłem rejestrację, logowanie, profile i publikowanie własnych skryptów.
2
Dodałem katalog, gry, wyszukiwarkę, filtry, Trending i ulubione.
3
Dodałem komentarze, reakcje, obserwowanie użytkowników i zgłaszanie treści.
4
Stworzyłem osobny panel do sprawdzania i moderowania treści użytkowników.
5
Dodałem przesyłanie obrazów z walidacją, zmniejszaniem i automatyczną konwersją do WebP.
6
Zabezpieczyłem konta, sesje, formularze i API przed częstymi powtarzającymi się żądaniami.
7
Skonfigurowałem SEO, sitemap, Open Graph, responsywny interfejs i skeleton loading.
8
Wdrożyłem platformę na Ubuntu VPS z HTTPS, firewallem, prywatnym dostępem do bazy i automatycznymi kopiami zapasowymi.
gallery
click to explore
7 zrzutów ekranu
contact://brief
Potrzebujesz podobnego projektu?
Napisz krótko, co trzeba zrobić — zaproponuję rozwiązanie, stack i realistyczny termin.