StoreIt - Cloud Storage Management Platform

A comprehensive cloud storage and file sharing platform built with Next.js 15 and Appwrite. Features secure file uploads, intelligent categorization, collaborative sharing, real-time storage analytics, and a modern responsive interface for seamless file management across all devices.

OVERVIEW

StoreIt is a full-stack cloud storage management platform that enables users to effortlessly upload, organize, and share files with a focus on user experience and security. Built with cutting-edge technologies including Next.js 15, React 19, and Appwrite backend-as-a-service, the platform provides enterprise-grade file management capabilities in a consumer-friendly interface. The application features a comprehensive authentication system using Appwrite's email-based OTP verification, ensuring secure access without traditional passwords. Users can upload multiple files simultaneously through an intuitive drag-and-drop interface with real-time upload progress tracking. The platform intelligently categorizes files into Documents, Images, Media (video/audio), and Others, with automatic file type detection and appropriate icon rendering. Key features include a dynamic dashboard with visual storage analytics using circular progress charts, real-time storage usage tracking across file categories, global search functionality with debounced queries for instant file discovery, advanced sorting options by date, name, or size, file sharing capabilities allowing users to collaborate by sharing files with multiple email addresses, comprehensive file management operations including rename, download, delete, and detailed file information viewing, responsive design with mobile-first approach including dedicated mobile navigation, recent files carousel for quick access to latest uploads, quick categories overview showing storage breakdown by file type, and storage visualization with 2GB capacity limit and percentage-based usage indicators. The platform leverages Appwrite for backend services including database management, file storage, and authentication, ensuring scalability and security. The application architecture uses Next.js server actions for secure server-side operations, client components for interactive UI elements, and server components for optimized data fetching. Built with TypeScript for type safety, Tailwind CSS for styling, Radix UI components for accessible UI primitives, and Recharts for data visualization, the platform delivers a modern, performant, and maintainable codebase.