Powrót

PROJEKTY

Evently

Evently - Platforma do organizacji wydarzeń i rejestracji uczestników

Evently to aplikacja full-stack do organizacji wydarzeń firmowych: rejestracja uczestników, formularze z logiką warunkową, maile, bilety QR i check-in na miejscu. Stack: Laravel 11 (REST API) oraz Next.js z React, TypeScript i Tailwind CSS.

TypeScriptNext.jsReactLaravelTailwind
01

Strona marketingowa

Publiczna strona prezentuje produkt, cennik, sekcję „O Evently” i kontakt. Landing zachęca organizatorów do założenia konta i rozpoczęcia 14-dniowego okresu próbnego planu Pro. Layout jest responsywny i spójny wizualnie z panelem aplikacji.

02

Panel organizatora - Dashboard

Po zalogowaniu organizator widzi skrót najważniejszych danych: liczbę wydarzeń, rejestracji i frekwencję. Dashboard jest punktem startowym do zarządzania wydarzeniami, uczestnikami i ustawieniami organizacji.

03

Wydarzenia

Moduł wydarzeń obejmuje kreator (termin, miejsce stacjonarne / online / hybrydowe, limit miejsc, lista rezerwowa, publikacja), listę z filtrami (nadchodzące / zakończone), duplikację, analitykę oraz rejestracje i maile przypisane do każdego wydarzenia.

04

Formularze rejestracyjne

Kreator formularzy umożliwia dodawanie pól (tekst, e-mail, wybór, zgoda itd.) z logiką warunkową i podglądem na żywo. Opublikowany formularz otrzymuje publiczny slug dostępny pod adresem /f/[slug].

05

Publiczna rejestracja uczestników

Uczestnik wydarzenia wypełnia publiczny formularz - pola mogą się pokazywać lub chować w zależności od wcześniejszych odpowiedzi. Po zgłoszeniu trafia na stronę sukcesu, a bilet QR pojawia się dopiero po potwierdzeniu adresu e-mail.

06

Check-in QR

Moduł check-in obsługuje skanowanie kodów QR z kamery telefonu z natychmiastową aktualizacją frekwencji. Dostępny jest też osobny widok /checkin/[eventId] pod wejście na salę oraz ręczne oznaczanie uczestników z listy.

07

Autentykacja i zespół

Rejestracja tworzy konto organizacji z rolą właściciela. System obsługuje logowanie JWT, reset hasła, weryfikację e-maila oraz zaproszenia członków zespołu z rolami (viewer, checkin, editor, admin). Endpointy API są filtrowane według uprawnień.

08

Backend - Laravel

Backend oparty na Laravel 11 udostępnia REST API z uwierzytelnianiem JWT. Obejmuje CRUD wydarzeń i formularzy, publiczne endpointy rejestracji, wydawanie biletów QR, check-in, szablony maili, limity planów (Free / Pro) oraz integrację Stripe.

09

Frontend - Next.js & React

Frontend zbudowany w Next.js (App Router) z React 19, TypeScript i Tailwind CSS 4. Interfejs wykorzystuje shadcn/ui, react-hook-form z walidacją Zod oraz klienta HTTP do komunikacji z API. Token JWT jest przechowywany w cookie.

10

Testy

Projekt posiada testy backendowe (PHPUnit) oraz frontendowe (Vitest + Testing Library) i testy E2E (Playwright). Pokrywają kluczowe ścieżki rejestracji, formularzy i panelu organizatora, ułatwiając bezpieczne rozwijanie platformy.