Panoramica

StoreIt consente di caricare, organizzare e condividere file in modo semplice e veloce. Integra Appwrite per auth e storage, validazioni tipizzate con Zod e form affidabili con React Hook Form. La UX privilegia task frequenti (upload, rename, share) e visibilità immediata su spazio usato, recenti e distribuzione per tipo.

Autenticazione e sicurezza

Login/registrazione con Appwrite, sessioni sicure e supporto OTP quando richiesto. Flussi di sessione e recupero stati sono pensati per minimizzare attrito. Esempi:

• Creazione sessione: account.createEmailPasswordSession(email, password)
• Logout: account.deleteSession("current")
• OTP: account.createEmailToken({ email }) + account.createSession({ userId, secret })

Upload e gestione file

Upload multi‑tipo con progress bar e drag&drop; azioni su file (visualizza, rinomina, elimina). I metadati sono persistiti per query e statistiche.

• Upload: storage.createFile(bucketId, ID.unique(), file)
• Visualizza/Download: storage.getFileView(bucketId, fileId) / storage.getFileDownload(...)
• Rename via documento: databases.updateDocument(db, collection, id, { name })

Condivisione, ricerca e sorting

Link sharing pubblico/privato, ricerca globale e ordinamenti per data/nome/dimensione.

• Ricerca: databases.listDocuments(db, collection, [Query.search("name", term)])
• Ordinamenti: Query.orderDesc("size"), Query.orderAsc("name")
• Link pubblico: storage.getFilePreview(bucketId, fileId)

Dashboard e insight

Vista sintetica con storage totale/consumato, ultimi upload e breakdown per estensione. Grafici reattivi e card riassuntive per monitorare l’utilizzo nel tempo.

UI/UX e DX

Design system con Tailwind + componenti headless/accessibili; toasts, modali e select coerenti. Validazioni robuste su client/server:

• Schema: z.object({ name: z.string().min(1), size: z.number().positive() })
• Form: useForm({ resolver: zodResolver(schema) }) Tooling moderno (TypeScript, ESLint) e stato derivato da URL dove utile per consistenza e condivisione.

Highlight tecnico

• Autenticazione Appwrite con sessioni sicure e OTP.
• Upload drag&drop con storage.createFile e progress tracking.
• Condivisione via link, anteprima e download file.
• Ricerca globale e sorting con Query.* (name, date, size).
• Dashboard con metriche su storage e tipologie file.
• Validazioni Zod integrate con React Hook Form.