PROJEKTY
Ania Beauty Studio to aplikacja full-stack dla studia beauty specjalizującego się w stylizacji rzęs i Tooth Gems. Klienci mogą przeglądać ofertę, rezerwować wizyty online oraz zapisywać się na szkolenia. Panel administracyjny umożliwia zarządzanie usługami, terminami, kodami rabatowymi, galerią i rezerwacjami. Stack: Laravel (REST API) oraz React z TypeScript i Tailwind CSS.
Publiczna strona studia prezentuje ofertę specjalizacji (stylizacja rzęs, Tooth Gems), wartości marki oraz podgląd galerii. Layout jest responsywny i zaprojektowany pod branżę beauty - z jasną hierarchią treści, CTA do rezerwacji oraz nawigacją do oferty, szkoleń, galerii i kontaktu.
Wielokrokowy proces rezerwacji prowadzi klienta przez wybór kategorii i usługi, kalendarz dostępności oraz dane kontaktowe. Backend wylicza wolne terminy na podstawie godzin dostępności usług, a po złożeniu rezerwacji system obsługuje statusy wizyt oraz powiadomienia e-mail. Wspierane są kody rabatowe i walidacja danych wejściowych.
Podstrona oferty prezentuje katalog usług pogrupowanych w kategorie, wraz z opisami i cenami. Dane pochodzą z API, więc właściciel studia może je aktualizować z panelu admina bez zmian w kodzie frontendu. Klienci łatwo przechodzą z oferty do procesu rezerwacji wybranej usługi.
Moduł szkoleń umożliwia prezentację kursów beauty oraz zbieranie zapisów uczestników. Administrator zarządza listą szkoleń i statusami zapisów, a publiczny formularz zbiera dane klientów. Rozwiązanie łączy sprzedaż usług indywidualnych z ofertą edukacyjną studia.
Galeria prezentuje efekty stylizacji i atmosferę studia. Panel admina pozwala dodawać i edytować zdjęcia przez upload. Formularz kontaktowy wysyła wiadomości na backend, gdzie są przechowywane ze statusem oraz przekazywane dalej mailem do właściciela.
Panel admina to centrum operacyjne studia: dashboard, zarządzanie rezerwacjami (lista, kalendarz, przeplanowanie, szczegóły), edycja oferty i godzin dostępności, kody rabatowe, galeria oraz szkolenia. Interfejs jest podzielony na czytelne zakładki i wspiera filtrowanie oraz stany puste, żeby codzienna obsługa wizyt była szybka.
Dostęp do panelu admina chroniony jest systemem logowania. Middleware zabezpiecza chronione endpointy API, a frontend utrzymuje sesję administratora. Publiczne endpointy (oferta, rezerwacje, galeria) pozostają dostępne bez logowania.
Backend oparty na Laravel 12 udostępnia wersjonowane REST API (/api/v1). Logika biznesowa jest wydzielona do serwisów (dostępność terminów, kody rabatowe, maile, upload obrazów, audyt rezerwacji). Wykorzystywane są requesty walidacyjne, polityki dostępu, enumy statusów oraz migracje i seedery bazy danych.
Frontend zbudowany w React 19 z TypeScript i Vite. Aplikacja korzysta z React Router, Axios oraz Tailwind CSS 4. Komponenty są podzielone na warstwę publiczną (home, oferta, rezerwacja, galeria) i administracyjną (dashboard, rezerwacje, usługi, szkolenia). Typowanie i testy Vitest wspierają utrzymanie jakości kodu.
Projekt posiada testy backendowe (PHPUnit) oraz frontendowe (Vitest + Testing Library). Pokrywają one m.in. kluczowe ścieżki rezerwacji, komponenty UI i logikę pomocniczą, co ułatwia bezpieczne rozwijanie MVP i weryfikację regresji przed wdrożeniem.