Power of quiz

Wstęp i moje zadania w projekcie

Aplikacja webowa realizowana komercyjnie na zlecenie klienta w technologii Nuxt3 z Typescriptem na froncie oraz Laravelem na warstwie backendowej, hostowana na platformie vercel. W ramach tego projektu pełniłem kilka kluczowych ról, w tym:

✏️ projektowanie UI/UX: byłem odpowiedzialny za projektowanie interfejsu użytkownika w programie Figma z nacikiem na wersję mobilną

🛠️ wdrożenie aplikacji wdrożyłem wcześniej opracowany projekt z wykorzystaniem frameworka Nuxt

🧑‍💻 zarządzanie zespołem: zatrudniłem programistę PHP do pracy nad backendem aplikacji oraz nadzorowałem jego pracę

☎️ komunikacja z klientem: byłem głównym punktem kontaktu z klientem i zajmowałem się ustalaniem wszystkich szczegółów dotyczących realizacji projektu

⏱️ przygotowanie strategii i planowanie zadań: Opracowałem strategię działania projektu oraz plan zadaniowy

Cel aplikacji

Aplikacja umożliwia użytkownikom grę w quizy dostępne na stronie. Quizy te są dodawane przez użytkowników i przechodzą proces weryfikacji przez administratora. Po pozytywnej weryfikacji, quizy stają się dostępne dla wszystkich użytkowników serwisu. Po rejestracji, weryfikacji adresu e-mail i wykupieniu subskrypcji premium na okres tygodniowy lub miesięczny, użytkownicy mogą:

• grać we wszystkie dostępne quizy
• dodawać nowe quizy i usuwać własne
• zapraszać swoich znajomych do serwisu
• edytować pytania, odpowiedzi, kategorie, opisy, zdjęcia, trudność i czas trwania swoich quizów

Główne funkcjonalności

Ważną funkcjonalnością jest model subskrypcyjny, gdzie po dokonaniu płatności generowana jest faktura, dzięki integracji z systemem do fakturowania iFirma. Użytkownicy mają dostęp do opcji podglądu swojego obecnego pakietu subskrypcyjnego, historii płatności, faktur oraz quizów, które dodali. Mogą także wyszukiwać, sortować i filtrować dostępne quizy w serwisie ((gdzie wszystkie parametry umieszczane są w parametrach w adresie URL). Rejestracja w serwisie jest możliwa wyłącznie za pośrednictwem zaproszenia od istniejącego użytkownika. Każdy użytkownik generuje unikalny link polecający, który jest wymagany przy rejestracji nowego użytkownika. Gdy polecona przez nas osoba wykupi subskrypcję, otrzymujemy wirtualną walutę, którą możemy wypłacić.

Projekt

Wykorzystana technologia:

• Javascript, Typescript, CSS, SCSS, HTML
• Figma
• Nuxt3 i vue3
• Tailwindcss
• Gsap
• Vee-validate i yup
• Pinia
• Vercel i git
• Rest API

Wersja demo

Login: [email protected]

Hasło: test123456