Lovette Nkayi

Web Developer

Application Developer

Software Engineer

Data Analyst

Frontend Engineer

Backend Engineer

StoreIt Cloud Storage

  • Client: Personal
  • Date Created: Oct 15 2024 - Dec 16 2024
  • Completed?: Yes
See Demo

StoreIt CloudStorage

storage management and file-sharing platform that lets users effortlessly upload, organize, and share files. Built with the latest Next.js 15 and the Appwrite Node SDK, utilizing advanced features for seamless file management.


⚙️ Tech Stack

  • React 19:
    React 19 brings performance improvements and concurrent features like Suspense and React Server Components. It allows for efficient rendering and a better user experience.

  • Next.js 15:
    Next.js 15 leverages server-side rendering (SSR) and static site generation (SSG) to optimize performance and SEO. It includes features like App Router, improved caching, and API routes for dynamic backend logic.

  • Appwrite:
    Appwrite is a robust backend-as-a-service (BaaS) platform providing authentication, storage, and real-time capabilities. It simplifies the backend development process and integrates seamlessly with the frontend.

  • TailwindCSS:
    A utility-first CSS framework that enables rapid UI development with minimal custom styling. TailwindCSS ensures the application is responsive and modern-looking across all devices.

  • ShadCN:
    A customizable and beautiful set of components built on top of TailwindCSS and Radix UI. ShadCN ensures a consistent and elegant design system.

  • TypeScript:
    TypeScript ensures type safety and improves developer productivity by catching errors at compile time. It enhances code maintainability and scalability.


🔋 Features

  • 👉 User Authentication with Appwrite:
    Implement signup, login, and logout functionality using Appwrite’s authentication system.

  • 👉 File Uploads:
    Effortlessly upload a variety of file types, including documents, images, videos, and audio, ensuring all your important data.

  • 👉 View and Manage Files:
    Browse uploaded files stored in Appwrite storage, view them in a new tab, rename, or delete files.

  • 👉 Download Files:
    Download your uploaded files, providing instant access to essential documents.

  • 👉 File Sharing:
    Easily share files with others, enabling collaboration and access to important content.

  • 👉 Dashboard:
    Gain insights at a glance with a dynamic dashboard showcasing:

    • Total and consumed storage
    • Recent uploads
    • File summary grouped by type
  • 👉 Global Search:
    Quickly find files and shared content across the platform with a robust search feature.

  • 👉 Sorting Options:
    Organize files efficiently by sorting them by datename, or size.

  • 👉 Modern Responsive Design:
    A fresh and minimalist UI that emphasizes usability, ensuring a clean aesthetic across all devices.

  • …and many more!
    Including the latest React 19, Next.js 15, and Appwrite features alongside optimized code architecture and reusability.


🌟 Highlights

  • Built with the latest Next.js 15 and React 19.
  • Integrates Appwrite SDK for storage, authentication, and real-time updates.
  • Fully responsive design with TailwindCSS and ShadCN components.
  • Optimized code architecture for scalability and reusability.

🚀 Project Repository

StoreIt CloudStorage GitHub Repository