https://github.com/reznik99/cloud-storage-ui

UI for cloud storage site
https://github.com/reznik99/cloud-storage-ui

file-sharing mui react typescript

Last synced: about 1 month ago
JSON representation

UI for cloud storage site

• Host: GitHub
• URL: https://github.com/reznik99/cloud-storage-ui
• Owner: reznik99
• Created: 2024-09-03T13:27:34.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-10-13T03:35:48.000Z (3 months ago)
• Last Synced: 2024-10-17T01:59:13.978Z (3 months ago)
• Topics: file-sharing, mui, react, typescript
• Language: TypeScript
• Homepage: https://storage.francescogorini.com
• Size: 541 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Self-hosted Cloud Storage Interface

This repo contains a React app that interfaces with the [Cloud Storage API](https://github.com/reznik99/cloud-storage-api) to allow File upload, download and storage.

## Features

- [x] Signup and Login

- [x] File upload, download and deletion

- [x] View your files and metadata (such as size, when it was added and filetype)

- [x] Download and Upload progress indicators (%) and estimated time left

- [x] Shareable links (to allow others to download without an account)

- [x] Dark mode

- [ ] End to End encryption for files

- [ ] Shareable encryption (password protected file though shareable link)

- [ ] Folder view (Upload folders instead of single files like zip, and allow user to navigate folder structure, like google drive)

## Interface

![Signup Screenshot][signup]

![Login Screenshot][login]

![Dashboard Screenshot][dashboard]

![Darkmode Dashboard Screenshot][dark-mode]

![Upload Screenshot][upload]

![Download Screenshot][download]

![Deletion Screenshot][deletion]

![Sharing Screenshot][sharing]

![Sharing Download Screenshot][sharing-download]

[signup]: 1-readme-src/signup.png

[login]: 1-readme-src/login.png

[dashboard]: 1-readme-src/dashboard.png

[upload]: 1-readme-src/upload.png

[download]: 1-readme-src/download.png

[deletion]: 1-readme-src/deletion.png

[sharing]: 1-readme-src/sharing.png

[sharing-download]: 1-readme-src/sharing-download.png

[dark-mode]: 1-readme-src/dark-mode.png