StoreIT – Your Personal Cloud, Reinvented

Category:

Fullstack

Duration:

1 Week

πŸ—‚οΈ StoreIT β€” Smart File Management, Reimagined

✦ Project Type

Web App Β· Product Design Β· Full-Stack Development

✦ Tools Used

React 19 Β· Next.js 15 Β· TailwindCSS Β· ShadCN Β· Appwrite Β· TypeScript

πŸš€ The Idea

In a digital world where file storage often feels clunky or overcomplicated, StoreIT was born to provide a cleaner, faster, and more intuitive experience. It's a modern web app that helps users store, organize, and share files with zero hassle, while offering a scalable backend developers can build on top of.

This wasn’t just about building another cloud app β€” it was about crafting a personal digital locker that puts control back into the user’s hands.

🎯 My Goal

Design and develop a platform that is:
βœ… Simple for users
βœ… Powerful under the hood
βœ… Visually clean and developer-friendly
βœ… Modular enough to evolve

Every interaction β€” from uploading a file to generating a shareable link β€” had to feel effortless, fast, and delightful.

πŸ’‘ Key Features

  • πŸ” Auth-First Experience
    Secure sign-up, login, and session handling powered by Appwrite’s authentication.

  • πŸ“€ Multi-Type Uploads
    Drag & drop or select β€” supports images, videos, documents, and more.

  • πŸ“ File Manager with Preview
    View, rename, open, or delete files, all within an elegant UI.

  • πŸ“Š Visual Dashboard
    Track total storage used, recent uploads, and file breakdown by type.

  • πŸ” Global Search + Sorting
    Find and organize files instantly β€” by name, date, or size.

  • πŸ”— One-Click File Sharing
    Generate secure links to share files outside the platform.

  • 🧼 Clean, Responsive Design
    Built with TailwindCSS and ShadCN to look great on every screen.

πŸ› οΈ Tech Decisions That Made It Better

  • Next.js 15 App Router for performance and server actions

  • Appwrite SDK for managing authentication and file storage

  • ShadCN UI components for consistent design language

  • TypeScript-first for safety and scale

  • Modular folder structure for clean separation of logic and UI