Git Product home page Git Product logo

alexandre-vernet / file-sync Goto Github PK

View Code? Open in Web Editor NEW
4.0 1.0 0.0 6.79 MB

Share files (images, videos, text, markdown ...) in real time from one device to another

Home Page: https://file-sync.alexandre-vernet.fr/

License: MIT License

JavaScript 13.56% TypeScript 54.86% HTML 24.89% SCSS 6.30% CSS 0.17% Dockerfile 0.23%
angular nodejs firebase pwa javascript typescript jwt websocket docker express

file-sync's Introduction

File-Sync

Description

Sync files from one device to another.

Upload file

On this screen, users can :

  • Upload text (txt or md)
  • Upload file (image, video, pdf, ...)
  • Drag and drop multiple files
  • Paste an image from their clipboard

A loader will appear when file is uploading.

List files

  • List all files
  • List files in tabs (one tab per file type)
  • Pagination
  • Order by date / name / type / size
  • Rename file
  • Delete file

Storage rules

  • Files are automatically deleted after 1 week (storage is not free ). This is not a backup tool. If you want to keep your files, you have to download them. The cron job is running every day at 20:00pm.
  • Each file is limited to 1GB.
  • Each user is limited to 5GB of storage.

My profile

  • Google and GitHub login
  • Edit name
  • Edit email
  • Edit password
  • Delete account

file-sync's People

Contributors

alexandre-vernet avatar

Stargazers

Astra Boy avatar  avatar Tykok avatar

Watchers

 avatar

file-sync's Issues

Fix route '#'

Url add '#' because of "useHash" in Route.forChild (app.routing.module)
So, navigation class active can't work
But, without this, in production mode, route refresh provoc 404

Fix tab 'file'

  • Fix insert audio script
  • Hide tab file when no file
  • Fix 404 no files (after sign-in & account doesn't contain files

Design

  • Format date
  • Edit
  • Delete
  • List file in real time after add new media
  • Tabs
  • Open image in new tab

Fix - Rename file in firestore & storage

  • Edit in firestore & storage
  • Delete in firestore & storage (or delete only in firestore, and auto-delete file in cron)
  • Fix 403 after rename
  • Close rules storage
  • Update URL in firestore after rename

Fix - Files are mixed up after delete

Pb is solved because in back end, to get files, we've got an order by date.
Or, in front, if we filter by name for example, when we delete a file, a new call to get all files start. So, order by name is skipped, because back-end send files order by date.

user-profile

  • Verify password before change
  • Change email
  • Update profile URL
  • Finalise design

Add menu

Menu elements :

  • List all files
  • Tabs files
  • Upload file
  • My profile

Other

  • Add padding right (drag & drop element)

Search bar

  • Search bar
  • Order by
  • Pagination
  • Hide tab if empty
  • Search bar display result in tabs and all files ? Same for order by

verify token middleware

  • Check token
  • Check uid
  • Secure route edit / read / delete user
  • Group JWT & Firebase token ?

Provider sign up

  • persist connexion (view Bot-Bubulle)
  • GitHub sign-up
  • Google connexion

Error handler

  • Display error in snackbar
  • Store file in back-end instead front

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.