All Projects → mat-sz → Filedrop Web

mat-sz / Filedrop Web

Licence: bsd-3-clause-clear
📲 WebRTC file transfer - React/TypeScript front end.

Programming Languages

javascript
184084 projects - #8 most used programming language
typescript
32286 projects

Projects that are alternatives of or similar to Filedrop Web

Blaze
⚡ File sharing progressive web app built using WebTorrent and WebSockets
Stars: ✭ 991 (+164.27%)
Mutual labels:  webrtc, websockets
Kalm.js
The socket manager
Stars: ✭ 155 (-58.67%)
Mutual labels:  webrtc, websockets
Raztot
A simple DIY, browser controlled, RPi + WebRTC video streaming rover
Stars: ✭ 67 (-82.13%)
Mutual labels:  webrtc, websockets
Humblenet
a cross-platform networking library that works in the browser
Stars: ✭ 515 (+37.33%)
Mutual labels:  webrtc, websockets
Filegogo
A file transfer tool that can be used in the browser webrtc p2p
Stars: ✭ 117 (-68.8%)
Mutual labels:  file-sharing, webrtc
Wt Tracker
High-performance WebTorrent tracker
Stars: ✭ 144 (-61.6%)
Mutual labels:  webrtc, websockets
Pychat
webchat via WebSockets/WebRTC that allows messaging/video call/screen sharing
Stars: ✭ 152 (-59.47%)
Mutual labels:  webrtc, websockets
Netflux
JavaScript client and server side transport API based on WebRTC & WebSocket
Stars: ✭ 188 (-49.87%)
Mutual labels:  webrtc, websockets
Gfile
Direct file transfer over WebRTC
Stars: ✭ 598 (+59.47%)
Mutual labels:  file-sharing, webrtc
Sharedrop
Easy P2P file transfer powered by WebRTC - inspired by Apple AirDrop
Stars: ✭ 5,222 (+1292.53%)
Mutual labels:  file-sharing, webrtc
Wave Share
Serverless, peer-to-peer, local file sharing through sound
Stars: ✭ 1,641 (+337.6%)
Mutual labels:  file-sharing, webrtc
Webdrop
Easiest group P2P File & Message transfer in browser with WebRTC 🔥. Cross-platform alternative to Apple's AirDrop, Xender, ShareIT with the same speed over LAN. No installation, just a website :)
Stars: ✭ 119 (-68.27%)
Mutual labels:  file-sharing, webrtc
Study-Room
Connect and study together with friends over text and voice channels, over a click of a button. Web application for chat and audio streaming.
Stars: ✭ 21 (-94.4%)
Mutual labels:  webrtc, websockets
Webrtc.net
WebRTC for C# & C++/CLI
Stars: ✭ 340 (-9.33%)
Mutual labels:  webrtc
Gortcd
Fast TURN and STUN server: cross-platform, hot reload, flexible config
Stars: ✭ 358 (-4.53%)
Mutual labels:  webrtc
Filepizza
🍕 Peer-to-peer file transfers in your browser
Stars: ✭ 3,622 (+865.87%)
Mutual labels:  webrtc
Ember Websockets
Ember.js websockets and socket.io addon
Stars: ✭ 336 (-10.4%)
Mutual labels:  websockets
Dropit
DropIt is a File Uploader built with nodejs, Upload, get a link, and share your files with anyone easily.
Stars: ✭ 367 (-2.13%)
Mutual labels:  file-sharing
Atmosphere
Realtime Client Server Framework for the JVM, supporting WebSockets with Cross-Browser Fallbacks
Stars: ✭ 3,552 (+847.2%)
Mutual labels:  websockets
Sshy
HTML5 SSH Web Client
Stars: ✭ 334 (-10.93%)
Mutual labels:  websockets

filedrop-web

Easy WebRTC file transfer. CLI tool is available here.

Click here to open drop.lol.

Screenshot

Self-hosting

A docker-compose configuration is available in the filedrop-docker repository.

Installation can be achieved without Docker as well:

First you need to clone, build and run filedrop-ws and a TURN server (like coturn), read the README in filedrop-ws for more information on configuration.

Then you need to clone this project, point it to the WebSockets backend (filedrop-ws) (in .env.local), build it and place it on some static file server (I use nginx for that). I also use nginx to proxy the back end through it. Here's a guide on how to achieve that.

Environment variables

The following variables are used in the build process:

Variable Default value Description
REACT_APP_TITLE filedrop Application title.
REACT_APP_SERVER ws://[hostname]:5000/ws WebSockets server location.
REACT_APP_USE_BROWSER_ROUTER 0 1 if you want the application to use BrowserRouter instead of HashRouter.
REACT_APP_ABUSE_EMAIL null E-mail to show in the Abuse section.
REACT_APP_SHOW_CLI_TOOL_INFO 0 1 if you want to link to droplol.

FAQ

What is the motivation behind the project?

I didn't feel comfortable logging into my e-mail account on devices I don't own just to download an attachment and cloud services have extremely long URLs that aren't really easy to type.

Where do my files go after I send them through the service?

To the other device. Sometimes the (encrypted, since WebRTC uses encryption by default) data goes through the TURN server I run. It's immediately discarded after being relayed. File metadata also is not saved.

Doesn't this exist already?

While ShareDrop and SnapDrop are both excellent projects and most definitely exist, I felt the need to create my own version for a several reasons:

  • I wanted to build something using React.js and TypeScript.
  • ShareDrop doesn't work when the devices are on different networks but still behind NAT.
  • I didn't like the layout and design of both, I feel like the abstract design of FileDrop makes it easier to use.
  • I was not aware of these projects while I started working on this project.
  • ShareDrop's URLs are extremely long.

How is it related to the other projects you've mentioned?

I don't use PeerJS (while the other two projects do) and I also host TURN and WebSocket servers myself (instead of relying on Firebase). Sometimes you may get connected to Google's STUN server (always if a TURN server is not provided in the configuration).

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].