StoreIt - A simple file storage system

A storage management and file-sharing platform that lets users effortlessly upload, organize, and share files. Built with Next.js, Appwrite, and Tailwind CSS.

See the app live at store-it-aditya-2k23s-projects.vercel.app.

Table of Contents

• Tech Stack
• Features
• Installation (Quick Start)

Tech Stack

• React 19
• Next.js 15
• Appwrite
• Tailwind CSS
• ShadCN
• TypeScript
• Vercel

Features

• User Authentication with Appwrite: Users can sign up and log in to their accounts using the App Write authentication system.
• File Uploads: Users can effortlessly upload various file types to their accounts.
• View and Manage Files: Users can view and manage their files in a clean and organized manner, with the ability to view on a new tab, and rename or delete files.
• Download Files: Users can download the uploaded files to their local machine.
• Share Files: Users can share files with others by specifying their email address, enabling collaboration and easy access to important content.
• Dashboard: Users can view their storage usage, recent uploads, and a summary of files grouped by type.
• Global Search: Users can quickly find files and share content across their accounts.
• Sorting Options: Organize files efficiently by sorting them by name, size, and date.
• Modern Responsive Design: A clean and modern UI that works seamlessly across all devices.

Installation (Quick Start)

Follow these steps to run the project locally:

Prerequisites:

• Git
• Node.js
• npm

1. Clone the repository

git clone https://github.com/aditya-2k23/store-it.git
cd store-it

2. Install dependencies

npm install

3. Set Up Environment Variables

Create a .env.local file in the root directory and add the following environment variables:

NEXT_PUBLIC_APPWRITE_ENDPOINT="https://cloud.appwrite.io/v1"
NEXT_PUBLIC_APPWRITE_PROJECT=""
NEXT_PUBLIC_APPWRITE_DATABASE=""
NEXT_PUBLIC_APPWRITE_USERS_COLLECTION=""
NEXT_PUBLIC_APPWRITE_FILES_COLLECTION=""
NEXT_PUBLIC_APPWRITE_BUCKET=""
NEXT_APPWRITE_KEY=""

Replace the values with your actual Appwrite credentials, you can sign up for a free account at Appwrite and create a new project.

4. Running the project

npm run dev

The project will be available at http://localhost:3000.

Contributing

Contributions are welcome! Feel free to open an issue or submit a pull request for any changes.

With the guidance of JavaScript Mastery

This project was built with the help of JavaScript Mastery YouTube channel. Check out the video tutorial to build this project from scratch.