Overview

StoreIt enables fast file uploads, organization, and sharing. It integrates Appwrite for auth and storage, Zod for typed validations, and React Hook Form for reliable forms. The UX focuses on frequent tasks (upload, rename, share) and immediate visibility into used space, recents, and per‑type distribution.

Authentication and security

Sign‑in/sign‑up with Appwrite, secure sessions, and OTP when required. Session and recovery flows are designed to minimize friction. Examples:

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

Upload and file management

Multi‑type uploads with progress and drag‑and‑drop; file actions (view, rename, delete). Metadata is persisted for queries and analytics.

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

Sharing, search, and sorting

Public/private link sharing, global search, and sorting by date/name/size.

• Search: databases.listDocuments(db, collection, [Query.search("name", term)])
• Sorting: Query.orderDesc("size"), Query.orderAsc("name")
• Public link: storage.getFilePreview(bucketId, fileId)

Dashboard and insights

At‑a‑glance stats for total/consumed storage, recent uploads, and extension breakdown. Reactive charts and summary cards help track usage over time.

UI/UX and DX

Tailwind‑based design system with accessible headless components; consistent toasts, modals, and selects. Strong client/server validation:

• Schema: z.object({ name: z.string().min(1), size: z.number().positive() })
• Form: useForm({ resolver: zodResolver(schema) }) Modern tooling (TypeScript, ESLint) and URL‑driven state where helpful for consistency and shareability.

Technical highlights

• Appwrite auth with secure sessions and OTP.
• Drag‑and‑drop uploads via storage.createFile with progress tracking.
• Link sharing, preview, and file downloads.
• Global search and sorting via Query.* (name, date, size).
• Dashboard metrics for storage and file types.
• Zod validations integrated with React Hook Form.