swiftdrop

• 

  UI of swiftdropio

Inspiration?

The need for a lightweight, secure, and no-login file sharing tool inspired SwiftDrop. While existing platforms either require login, impose limits, or feel cluttered, we envisioned a simple, elegant solution to share files seamlessly across devices — perfect for students, developers, and teams who want frictionless file sharing.

What it does?

SwiftDrop allows users to:

*Upload files up to 100MB quickly.

*Generate a sharable download link instantly using the Gofile API.

*Maintain privacy — no account required, no tracking, no clutter.

*Enjoy a minimal, modern UI that works on both desktop and mobile.

How we built it?

*Frontend: Vite + HTML + TailwindCSS for fast performance and clean styling.

*File Handling: Simple drag-and-drop and file input handling via JavaScript.

*Backend/Storage: Integrated with the Gofile API for anonymous, high-speed, cloud-based file hosting.

*Deployment: Hosted on Netlify for reliable and fast static file delivery.

Challenges we ran into?

*Handling API responses from Gofile and ensuring proper error handling and link generation.

*Ensuring the app was responsive and cross-browser compatible.

*Managing upload size limitations effectively while preserving UX simplicity.

*Integrating file expiration/message clarity without needing a backend server.

Accomplishments that we're proud of?

*Fully functional file-sharing web app without backend infrastructure.

*Seamless integration with a real-world file-hosting API (Gofile).

*Fast and lightweight — the entire app runs efficiently even on slow networks.

*Simple yet effective UI/UX design.

What we learned?

*How to interact with third-party APIs like Gofile.

*Importance of UX in tools that are used frequently and need to be intuitive.

*How to build fast, clean frontends with Vite and TailwindCSS.

*Hosting and CI/CD flow using Netlify.

What's next for swiftdrop?

🌐 Enable multi-language support.

📱 Build a PWA (Progressive Web App) version for offline queuing.

Built With

• gofileapi
• html
• integrates-the-gofile-rest-api-for-file-uploads
• javascript
• javascript-(es6)-with-vite
• tailwindcss
• vite