DEV Community

Cover image for FileSyncDrive
Godwin Agedah
Godwin Agedah

Posted on • Updated on

FileSyncDrive

  1. This is a submission for the The AWS Amplify Fullstack TypeScript Challenge

What I Built

FileSyncDrive is an electron desktop app that listens for changes on a users local files and syncs to the cloud. it creates a folder "sync_folder" in the users home directory, any changes made to that folder will be reflected on the amplify storage.

Demo

Link to a shared file: https://main.d4c4zbq9x7suw.amplifyapp.com/?file=picture-submissions/70ec69fc-50d1-70f6-7731-0e68374df71b/sync_folder/New%20Text%20Document.txt

i used the starter template for the shared file site, ran out of time

Desktop App Repo
*Building the .exe file was a challenge due to my limited hardware and time

Login Amplify Authenticator Component

Login Amplify Authenticator Component

Editing a file

File Changes Synced, notice the time change.

Screenshot 1

Screenshot 1

Screenshot 2

Screenshot 2

Screenshot 3

Screenshot 3

A Share File Link

File link can be shared for users to access via the web

Tested on Windows 11

Journey

Connected Components and/or Feature Full

Amplify UI Components

Amplify UI Components was used to quickly scaffold our UI. it contains all the components you'll mostly need for a UI.

Authentication

Amplify Authenticator was used to setup our Auth flow. it was a straight forward setup with a single react Component.

File Storage

Amplify Storage enabled us to instantly upload our modified files on local, also we can easily get our uploaded files from the storage as well as the download url.

In the future the storage space will be limited for the user, also social authentication will be added for easy sign up.

Desktop App Repo
*Building the .exe file was a challenge due to my limited hardware and time

Repo for shared file on the web

Top comments (0)