P1 EPIC - Registration UI Upgrade & Google SSO Integration #408

Closed
opened 2026-07-24 00:55:09 +02:00 by kincses · 2 comments
Owner

Mérföldkő: Identity & Auth

Cél: Regisztrációs UI bővítése meghívókód mezővel és Google SSO gombbal, valamint backend Google OAuth handler implementálása.

🔗 Függőségek (Dependencies)

  • Bemenet (Mikre támaszkodik): GOOGLE_CLIENT_ID/GOOGLE_CLIENT_SECRET .env-ben, meglévő SocialAccount model, User.referral_code/referred_by_id mezők
  • Kimenet (Mik támaszkodnak rá): Frontend regisztrációs flow, Social login flow

📝 Elemzés

A meglévő kódbázisban már létezik a SocialAccount model, a User modellben referral_code és referred_by_id mezők, valamint a SocialAuthService.get_or_create_social_user metódus. A LoginModal.vue 3D flip card design-t használ login/register/forgot/reset/restore nézetekkel. A backend auth.py már tartalmaz register, login, verify-email, forgot-password, reset-password, complete-kyc, restore végpontokat. A frontend auth.ts store tartalmazza a login, register, forgotPassword, resetPassword, verifyAccount, completeKyc műveleteket.

**Mérföldkő:** Identity & Auth **Cél:** Regisztrációs UI bővítése meghívókód mezővel és Google SSO gombbal, valamint backend Google OAuth handler implementálása. ### 🔗 Függőségek (Dependencies) - **Bemenet (Mikre támaszkodik):** GOOGLE_CLIENT_ID/GOOGLE_CLIENT_SECRET .env-ben, meglévő SocialAccount model, User.referral_code/referred_by_id mezők - **Kimenet (Mik támaszkodnak rá):** Frontend regisztrációs flow, Social login flow ### 📝 Elemzés A meglévő kódbázisban már létezik a SocialAccount model, a User modellben referral_code és referred_by_id mezők, valamint a SocialAuthService.get_or_create_social_user metódus. A LoginModal.vue 3D flip card design-t használ login/register/forgot/reset/restore nézetekkel. A backend auth.py már tartalmaz register, login, verify-email, forgot-password, reset-password, complete-kyc, restore végpontokat. A frontend auth.ts store tartalmazza a login, register, forgotPassword, resetPassword, verifyAccount, completeKyc műveleteket.
kincses added the Scope: FrontendType: FeatureStatus: In Progress labels 2026-07-24 00:55:30 +02:00
kincses started working 2026-07-24 00:55:30 +02:00
Author
Owner

▶️ Munka megkezdve: 2026-07-24 00:55:30

▶️ **Munka megkezdve:** 2026-07-24 00:55:30
kincses added Status: Done and removed Status: In Progress labels 2026-07-24 00:55:55 +02:00
kincses worked for 25 seconds 2026-07-24 00:55:55 +02:00
Author
Owner

Munka befejezve: 2026-07-24 00:55:54

Technikai Összefoglaló:

Megvalósított változtatások

Backend

  1. social_auth_service.py - get_or_create_social_user metódus kiegészítve referred_by_code paraméterrel; új social regisztrációnál meghívókód alapján beállítja a referred_by_id-t
  2. auth.py - POST /auth/google végpont létrehozva; Google token verifikáció (id_token és access_token támogatás), SocialAuthService hívás, JWT generálás, refresh_token cookie beállítás

Frontend

  1. auth.ts - googleAuth() action hozzáadva; elküldi az access_token-t (és opcionális referral code-ot) a /auth/google végpontra, elmenti a JWT-t, lekéri a profilt és szervezeteket
  2. LoginModal.vue - Regisztrációs űrlap: "Meghívó kód" input mező, "Vagy regisztrálj Social fiókkal" elválasztó + Google gomb; Login Google gomb bekötve; handleGoogleLogin() (GIS initTokenClient), handleGoogleRegister() (referral code localStorage mentés), loadGoogleScript() függvények
  3. frontend_app/.env - VITE_GOOGLE_CLIENT_ID környezeti változó

Verifikáció

  • Backend szintaxis: OK
  • Modul import teszt: OK
  • Adatbázis szinkron (sync_engine): 1281 elem, 0 hiba

⏱️ Az idő rögzítve.

✅ **Munka befejezve:** 2026-07-24 00:55:54 **Technikai Összefoglaló:** ## Megvalósított változtatások ### Backend 1. **social_auth_service.py** - `get_or_create_social_user` metódus kiegészítve `referred_by_code` paraméterrel; új social regisztrációnál meghívókód alapján beállítja a `referred_by_id`-t 2. **auth.py** - `POST /auth/google` végpont létrehozva; Google token verifikáció (id_token és access_token támogatás), SocialAuthService hívás, JWT generálás, refresh_token cookie beállítás ### Frontend 3. **auth.ts** - `googleAuth()` action hozzáadva; elküldi az access_token-t (és opcionális referral code-ot) a `/auth/google` végpontra, elmenti a JWT-t, lekéri a profilt és szervezeteket 4. **LoginModal.vue** - Regisztrációs űrlap: "Meghívó kód" input mező, "Vagy regisztrálj Social fiókkal" elválasztó + Google gomb; Login Google gomb bekötve; `handleGoogleLogin()` (GIS initTokenClient), `handleGoogleRegister()` (referral code localStorage mentés), `loadGoogleScript()` függvények 5. **frontend_app/.env** - `VITE_GOOGLE_CLIENT_ID` környezeti változó ### Verifikáció - Backend szintaxis: OK - Modul import teszt: OK - Adatbázis szinkron (sync_engine): 1281 elem, 0 hiba ⏱️ *Az idő rögzítve.*
Sign in to join this conversation.