A modern cloud storage solution inspired by giants like Google Drive and Dropbox. It allows you to upload, manage, and share your files with ease, all while providing a sleek, responsive interface.

Key Features:

User Authentication:

Easily sign up, log in, and log out using Appwrite's secure authentication system.

File Uploads:

Upload various file types—documents, images, videos, and audio—to store your important data.

File Management:

View your uploaded files, rename them, or delete them as needed. Open files in a new tab for easier viewing.

File Downloading:

Download your files at any time for instant access to your important documents.

File Sharing:

Share your files with others to collaborate or give easy access to essential content.

Dashboard:

Get a quick overview of your total storage, recent uploads, and files sorted by type—all on one page.

Global Search:

Find your files and shared content quickly with a powerful search feature.

Sorting Options:

Sort your files by name, date, or size to stay organized.

Responsive Design:

Enjoy a clean, minimalist UI that looks great and works perfectly across all devices.

Technologies Used:

Next.js 15 for optimized server-side rendering and static site generation
React 19 for building the interactive UI
TypeScript for robust, type-safe development
Appwrite for backend services, including authentication and file storage
ShadCN for component-based styling
TailwindCSS for utility-first styling

Out for brief

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.