Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/liviu-b/storage_management
The Storage Management, is a web application designed to manage file storage using modern web technologies. Here's a brief description of the project
https://github.com/liviu-b/storage_management
appwrite auth0 javascript nextjs typescript
Last synced: about 1 month ago
JSON representation
The Storage Management, is a web application designed to manage file storage using modern web technologies. Here's a brief description of the project
- Host: GitHub
- URL: https://github.com/liviu-b/storage_management
- Owner: liviu-b
- License: mit
- Created: 2024-11-19T03:58:41.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2024-12-04T09:07:44.000Z (about 1 month ago)
- Last Synced: 2024-12-04T09:28:50.987Z (about 1 month ago)
- Topics: appwrite, auth0, javascript, nextjs, typescript
- Language: TypeScript
- Homepage: https://storage-management-six.vercel.app
- Size: 776 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
### Frontend
- 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/liviu-b/Storage_Management
cd storage_management
```
**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.