← Wszystkie projekty

Juli Jogi

Backend developer / DevOps · wrz 2026 - obecnie

Kompletna platforma do jogi: strona, zaplecze aplikacyjne i backend przygotowywane pod obsługę treści, oferty oraz użytkowników.

Next.js · React.js · Nest.js · MongoDB · Resend · Google Analytics · TypeScript · Tailwind CSS

Otwórz projekt ↗

Mój zakres prac

  • Projektowanie architektury aplikacji i podziału na warstwę frontendową oraz backendową.
  • Przygotowanie backendu pod treści, formularze i integracje komunikacyjne.
  • Pełny setup Google Analytics i integracji analitycznych pod mierzenie ruchu oraz zachowań użytkowników.
  • Budowa responsywnych widoków i środowiska testowego dla dalszego rozwoju.

Efekty

  • Platforma jest gotowa do rozbudowy o kolejne moduły produktowe.
  • Projekt ma spójne zaplecze techniczne zamiast jednorazowej strony.
  • Komunikacja, dane użytkowników i analityka mogą być rozwijane w kontrolowany sposób.
Juli Jogi z widokiem strony startowej i sekcji hero.
Strona startowa. Hero platformy z jasnym wejściem do kursów jogi online i spokojną estetyką marki.
Juli Jogi z sekcją kursów jogi online i kartami funkcji.
Oferta kursów. Sekcja kursów online z opisem produktu, mockupem aplikacji i kartami funkcji.
Juli Jogi z widokiem lekcji wideo i listą lekcji kursu.
Lekcja wideo. Widok lekcji z nawigacją kursu, progressem i odtwarzaczem materiału wideo.
Juli Jogi z widokiem dziennika praktyki po lekcji.
Dziennik praktyk. Formularz zapisu praktyki po lekcji z notatką, odczuciami i historią sesji.
Więcej o projekcie

Projekt powstaje jako pełna platforma, nie tylko strona wizytówkowa. Najważniejsze było przygotowanie fundamentu pod treści, kontakt, automatyzację komunikacji i dalszy rozwój produktu.

Problem

Projekt jogowy potrzebował czytelnej obecności online oraz technicznego zaplecza, które pozwoli rozwijać ofertę, kontakt z użytkownikami i kolejne funkcje bez przebudowy od zera.

Rozwiązanie

Przygotowałem strukturę platformy z frontendem, backendem w Nest.js, bazą MongoDB i obsługą komunikacji przez Resend.

Decyzje techniczne

  • Podział na frontend Next.js i backend Nest.js zamiast statycznej wizytówki.
  • Przygotowanie struktury pod kursy, lekcje, formularze i komunikację.
  • Użycie streamingu HLS oraz ręcznie przygotowywanych wariantów jakości wideo.