A file-sharing app to send documents, images, etc. to anyone quickly and conveniently. Use personalized QR codes to send files directly to someone's inbox!

Contributors

Jonah Choi

About the Project

This web app provides users with a secure platform to send and receive files. It uses Firebase storage for file storage and allows downloads through private links or QR codes. Framer motion animations enhance the user experience, while Firebase authentication enables personalized storage for each user.

This project includes the following sections:

1. Main Page
2. File Upload
3. File Download
4. Personal Storage
5. Login/Signup
6. Profile

(back to top)

App Features

Main Page:

This is the opening animation that leads to the home screen. Here we can find a navbar and the option to upload/download files. Be sure to try out the paper airplane!

(back to top)

File Upload:

Users can easily access the upload page from the main screen and have two options to upload their files.

The first one is an anonymous file upload that generates a QR code or 5-digit code, which can be shared with others. Each code has a copy button for convenience and social media share buttons for wider sharing.

On the other hand, users can also choose to scan someone's personalized QR code to upload an image directly to that person's personal storage.

(back to top)

File Download:

In addition to the upload page, users can also navigate from the main screen to the download page, where they can enter the 5-digit code to gain access and download files.

(back to top)

Personal Storage:

When users are logged in, they can access their personal storage, where all files sent directly to their inbox are stored. From here, they can easily download any of their files.

(back to top)

Login/Signup:

Users can choose to either log in or sign up for an account. Upon logging in, they gain access to their personal storage and personal QR code.

(back to top)

Getting Started:

• Install dependencies:

  1. cd into root directory
  2. run npm install in the terminal

• Make a copy of example.env and rename to .env

• Create a new firebase app, and add the config properties to .env

• Run Servers:

  1. From root: npm run deploy

• Launch site: http://localhost:1111

(back to top)