ByteBox is a modern storage solution designed to demonstrate the power of the Next.js ecosystem combined with Appwrite's Backend-as-a-Service capabilities.

What started as a challenge to migrate from a Django backend evolved into a full-featured production application. ByteBox handles complex file management, secure sharing, and persistent authentication with a focus on performance, clean architecture, and delightful UX.

✨ Key Features 📂 Secure Cloud Storage Users get a dedicated 2GB workspace to upload images, documents, and media. The system enforces strict file type validation and storage quotas.

🤝 Collaborative Sharing Share files with other registered users via email. A dedicated "Shared with Me" page allows users to view files granted to them by others.

🔍 Instant Global Search A powerful command-palette style search experience. Find files instantly by name or type using Appwrite's Full-Text Search, complete with filters and sorting.

🗑️ Smart Trash Recovery Accidentally deleted a file? No problem. Files are soft-deleted to a "Trash" bin where they can be Restored or Permanently Deleted (individually or in bulk).

🔐 Interactive Authentication Features "Lumi", a reactive mascot built with SVG and Framer Motion that visually reacts to your input (peeking at passwords, following your typing).

📱 Responsive Dashboard A fully responsive, mobile-first design ensuring file management is seamless on desktops, tablets, and phones.

🛠️ Tech Stack Framework: Next.js 16 (App Router) Language: TypeScript Backend: Appwrite (Auth, Database, Storage) State Management: React Query (TanStack Query) Styling: Tailwind CSS, Shadcn UI Animations: Framer Motion Forms: React Hook Form + Zod Tables: TanStack Table (React Table)