Devlog 2: Beautiful sharing Form

I designed a beautiful form to upload a file and share it.

The form is not fully functional yet but I’m gonna finish it soon to be ready for production, till now it just redirects to a new dynamic page which will be used later to share the file between devices :)

I also plan to create a label for password instead of keeping it floated, I think that would be better.

Next Step

• Add form validation
• Store the encrypted password in user’s storage
• Ask for password when someone visits this link
• Create a private secure room using PeerJS between devices who are connected with password
• Add password try limits to 3, so if someone entered the password wrong in the dynamic page then he should be banned from it.

Stay Tuned 🚀

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! 🚀