Welcome to Roxwood
Ho sviluppato l'intera infrastruttura web per questo server FiveM a tema horror, concentrandomi sull'esperienza utente e sull'atmosfera.
Il sito non funge solo da vetrina, ma è uno strumento fondamentale per il server. Ho integrato Appwrite come backend per gestire in modo sicuro i dati degli utenti.
Inoltre, ho implementato il Server-Side Rendering (SSR) per garantire tempi di caricamento rapidi e un'ottimizzazione SEO superiore.
Le funzionalità principali includono:
- Sistema di invio Background: Un form validato con Zod che permette agli utenti di inviare la storia del proprio personaggio per l'approvazione.
- Pannello Gestione: Un'area riservata dove lo staff può revisionare i background. Mentre le informazioni generali sono visibili a tutti, l'accesso alle funzioni amministrative è strettamente protetto dall'autenticazione.
- Lore e Regolamento: Accesso ai contenuti esclusivi gestito tramite un sistema di autenticazione basato su Discord (OAuth2).
- Design Minimal & Dark: L'interfaccia utente è stata progettata con un focus sul minimalismo e sull'uso del colore rosso per richiamare l'atmosfera horror, mantenendo pulizia e leggibilità.
Landing Page
La homepage del sito presenta l'atmosfera horror con un design dark e minimalista. Hero section, sezioni informative e call-to-action per guidare l'utente.
About
Pagina informativa sul server con dettagli sulla community, lo staff e la visione del progetto.
Invio Background
Form per l'invio della storia del personaggio validato con Zod. Gli utenti possono creare e inviare il background del proprio personaggio per l'approvazione dello staff. L'utente può inviare il proprio background solo se autenticato tramite discord.
Lore
Sezione dedicata alla storia e all'ambientazione del server
Pannello Admin
Area riservata allo staff per la gestione dei background inviati, dello staff, delle regole e della lore con un'interfaccia super intuitiva e funzionale.