Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/bernietv/google-drive-clone
Google Drive Clone build with Next.js and Appwrite
https://github.com/bernietv/google-drive-clone
appwrite nextjs15 shadcn-ui tailwindcss typescript
Last synced: 22 days ago
JSON representation
Google Drive Clone build with Next.js and Appwrite
- Host: GitHub
- URL: https://github.com/bernietv/google-drive-clone
- Owner: BernieTv
- Created: 2024-11-30T11:09:59.000Z (25 days ago)
- Default Branch: main
- Last Pushed: 2024-12-02T06:47:08.000Z (23 days ago)
- Last Synced: 2024-12-02T07:32:28.176Z (23 days ago)
- Topics: appwrite, nextjs15, shadcn-ui, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://google-drive-clone-seven-psi.vercel.app
- Size: 455 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Storage and File Sharing Platform
## 📋 Table of Contents
1. ⚙️ [Tech Stack](#tech-stack)
2. 🔋 [Features](#features)
3. 🤸 [Quick Start](#quick-start)
- React 19
- Next.js 15
- Appwrite
- TailwindCSS
- ShadCN
- TypeScript
## 🔋 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**: Users can browse through their uploaded files stored in Appwrite storage, view on a new tab, rename file or delete.
👉 **Download Files**: Users can download their uploaded files giving them instant access to essential documents.
👉 **File Sharing**: Users can easily share their uploaded files with others, enabling collaboration and easy access to important content.
👉 **Dashboard**: Gain insights at a glance with a dynamic dashboard that showcases total and consumed storage, recent uploads, and a summary of files grouped by type.
👉 **Global Search**: Users can quickly find files and shared content across the platform with a robust global search feature.
👉 **Sorting Options**: Organize files efficiently by sorting them by date, name, or size, making file management a breeze.
👉 **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 code architecture and
reusability
Follow these steps to set up the project locally on your machine.
**Prerequisites**
Make sure you have the following installed on your machine:
- [Git](https://git-scm.com/)
- [Node.js](https://nodejs.org/en)
- [npm](https://www.npmjs.com/) (Node Package Manager)
**Cloning the Repository**
```bash
git clone https://github.com/BernieTv/Google-Drive-Clone.git
cd Google-Drive-Clone
```
**Installation**
Install the project dependencies using npm:
```bash
npm install
```
**Set Up Environment Variables**
Create a new file named `.env.local` in the root of your project and add the following content:
```env
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 obtain these credentials by signing up &
creating a new project on the [Appwrite website](https://appwrite.io/).
**Running the Project**
```bash
npm run dev
```
Open [http://localhost:3000](http://localhost:3000) in your browser to view the project.