Devlog #1: Launching CleanDrop

The Big Idea

I am building CleanDrop, which is a web app that let’s you send files from device to another even beyond the borders just using a web browser 🫰. The main goal is to let people share files for fully free with privacy between devices.

Why I’m building this

Sharing a high-quality video or photo between an iPhone and a Windows PC, or an Android and a Mac, is a nightmare.

• AirDrop only loves Apple devices.
• Quick Share is built for Android and Windows.
• Mainstream options (like emailing yourself or uploading to WhatsApp) crush your files, ruining the quality with heavy compression.

• We shouldn’t have to sign up for cloud storage subscriptions just to move a file across our own desks or to our friends.
• Also when using current popular tools our data is on a centralized server… which is a big deal for privacy.

More features are coming ..🤫

My Tech Stack

• Frontend Framework: Preact.js (A feather-light, high-performance alternative to React)
• Language: TypeScript (For safe, robust, and bug-free code)
• Styling: Tailwind CSS (For a highly polished, gorgeous consumer-grade UI)
• Routing: Preact Iso (A tiny, preact router)
• Signaling Server: Hono on Node.js/Bun (For lightning-fast WebSocket rooms)
• P2P Engine: PeerJS (Simplifying WebRTC data channels)

Why this?

Because I want to make sure the website works same everywhere on all devices either it’s old OR modern.

What I Got Done Till Now

1. Repo created and pushed to GitHub.
2. Split the frontend (port 5173) and the backend (port 3000) in folders
3. Implement WebSocket foundation in Hono
4. Connect the client (frontend) with WebSocket
5. Test it with multiple clients

What’s Next 🎯

I will start implementing PeerJS to bridge the clients together and establish our very first secure, peer-to-peer data channel.

Stay updated! 🚀