Skip to content

reubenjds/P2P-File-Share

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

62 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Hack the Hill - File Share

Table of Contents

Inspiration

File Share was inspired by projects that utilized a Peer-to-Peer connection system to communicate between people on the web. For instance, justbeamit is a similar app that allows users to share files.

What it does

File Share is a React web application that uses WebRTC connections via. PeerJS; it allows users to upload and share files with their own unique links using a Peer-to-Peer connection system. This web application was made during Hack The Hill, an annual hackathon held at the University of Ottawa.

How we built it

We made this web app using the React JavaScript library and PeerJS, a wrapper for WebRTC. Additionally, we used Netlify to deploy our web app.

Challenges we ran into

  • Understanding and learning how to implement WebRTC into the web app
  • Debugging JavaScript
  • Learning how to efficiently use git and github in a collaborative environment

Accomplishments that we're proud of

At the end of the day, me and my teammates are proud that we made a (semi) functional web app from scratch in 36 hours. None of our teammates have used WebRTC before so we were glad we could make a final product with what little knowledge we had.

What we learned

  • React & Client-side routing
  • The basics of WebRTC and PeerJS
  • How to use git and github to collaborate on code

What's next for File Share

  • Uploading more than one file
  • Not having to refresh the page to upload more files
  • Better methods of sending data
  • A progress bar to display file being sent

Collaborators

Link

https://hth-fileshare.netlify.app/

About

Peer-to-peer file sharing using WebRTC.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 78.6%
  • CSS 18.5%
  • HTML 2.9%