FilesToGo is a dynamic website that provides users with a simple and efficient way to upload files through drag and drop, view file metadata, and generate unique download links. It also allows users to download files using the provided links and conveniently share them via email.
Here's an overview of the key functionalities of this website:
- Drag and drop file upload: Users can drag and drop their files to upload them to the site.
- File metadata display: File name & size is displayed on the site.
- Generate unique download link for each uploaded file: A unique download link is generated for each file.
- Download files with a link: Users can download the files they uploaded or files shared with them.
- Cloud storage integration with Cloudinary: Files stored on Cloudinary for cloud storage.
- Emailing file download links through Sendinblue: Users can send an email with the download link to someone else.
- Drag and drop a file to upload it to the site.
- After uploading the file, a unique download link will be generated to share with others.
- Navigate to the download link and share it with whomever you wish.
- Alternatively, to email a file download-link to your friends, fill in the email form and your friend will receive the file in no time!
Note: For step 3, you need to fill in the details for both the client side (.env.local) and the server side (.env). Refer to the .env.example files for help.
- Clone Repository
git clone https://github.com/forreya/file-sharing-site.git
- Install Dependencies
npm install
- Create
.env&.env.localfiles and fill the environmental variables in with your own information
PORT = '4000'
MONGO_USER = 'fa_mulan'
MONGO_PASSWORD = 'iuew32bv4uibvr'
MONGO_URI = 'mongodb+srv://fa_mulan:beUdgfvwfIAyPS@my-cluster.qxyk.mongodb.net'
- Start Client & Server
npm run dev
This will install the necessary packages listed in the package.json file and run the application on your computer.