The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
š TinyFiles ā Smart File Compression & Optimization Tool
TinyFiles is a lightweight web application designed to efficiently compress and optimize images and documents without compromising quality. Built for everyday users and small businesses, it helps reduce file sizes for faster uploads, storage efficiency, and platform-specific requirements.
The app features a clean, user-friendly interface with real-time compression, instant previews, and support for multiple file formats. It is optimized for performance and ensures secure handling of user files.
This project highlights skills in frontend optimization, file processing, and building practical utility tools with a focus on user experience.
š ļø Tech Stack
Frontend
React (Vite)
Plain CSS
Axios
React Router
React Toastify
Backend
Node.js
Express.js
MongoDB (Atlas)
Mongoose
JWT Authentication
Multer (memory storage)
Sharp (image processing)
PDF-Lib (PDF operations)
āØ Features
š Authentication
User registration & login
JWT-based authentication
Secure protected routes
Guest access for basic features
š¼ļø Image Tools
Resize images by width & height
Crop images using GUI (react-easy-crop)
Change image format (JPG / PNG / WEBP)
Adjust image quality using slider
Resize image to a target file size (KB)
Direct image download after processing
š PDF Tools
Merge multiple PDF files into one
Compress PDF files
Secure in-memory file handling (cloud safe)
š Dashboard
History of user operations (logged-in users)
Tracks original vs processed file size
Operation type tracking
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Hey Contra š I've been heads-down building Promptly, and I'd love your eyes on it before our launch.
From my time delivering over 20 software projects as a tech lead, I realized the biggest bottleneck in building an app isn't the code itself. It is communication. Founders speak in ideas, and developers speak in strict logic.
Here is how Promptly works. You just describe your app idea in plain English. The AI actually pushes back, asks the hard questions, catches the vague bits, and automatically writes a developer-ready blueprint as you chat.
The goal is simple. When you hand this document to a developer, the next thing you get back is an accurate, fixed-price quote. No more wasting days trying to draft technical specifications and sitting through endless rounds of discovery calls just to get on the same page.
Instead of staring at a blank document, you get three tools that update in real-time:
The Pushback Chat: It refuses to just nod along. If you say "make it fast and secure," it helps you define exactly what that means. It hunts down edge cases before you ever pay someone to fix them.
The Visual Map: A live, interactive diagram showing exactly how your features connect. It catches logic flaws and missing steps before any code is written.
The Living Blueprint: An auto-generated, professional project spec that exports straight to Notion, Linear, or PDF.
Plus, it gives your idea a "Developer-Readiness Score" out of 100 so you know if it is actually ready to build. It even recommends the best tech stack based on your specific budget and complexity.
The core engine and all of these interactive features are fully functional right now, but I am still smoothing out the final rough edges. I am aiming for a public launch in about three weeks.
Where I need your help. I have three quick questions:
Where would you want to export your project blueprint, beyond Notion, Linear, or PDF?
What is the biggest headache you face right now when trying to explain your ideas to developers?
What feels missing? The blind spots are the most valuable to me right now.
Any feedback on new features, improvements, or things I should kill entirely would be hugely appreciated. Drop a comment below.
Thank you for taking a look š
building solo, in public
Product ManagementFull Stack DevelopmentSoftware DevelopmentWeb DevelopmentAI DevelopmentClaudeNext.jsFigma
This is a very interesting concept! Where did you design the UI/UX? I feel like a better choice of font is still out there. Overall good work and clean UI. š„
DIEGETIC ā Break The Surface
An experimental WebGL project where the interface is the interaction. A physics-simulated surface fills the screen ā drag to tear through it, double-click to trigger a cinematic curtain collapse with air resistance and billowing flutter.
Built with Three.js, Verlet integration physics (9,600+ constraint points), raycaster-driven tearing, real-time shadow mapping, and hand-drawn editorial typography via the Canvas API.
Stack:Ā Three.js Ā· JavaScript Ā· WebGL Ā· Verlet Physics Ā· Canvas API Ā· Space Grotesk
Interesting š„ Where did you design your preview?
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
portfolioreview
The best portfolios tell a story, not just show a grid.Ā Share yours for feedback.
freelancerlife
Freelancer life is wins, pivots, and everything in between. Whatās yours right now?