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
One codebase. Every screen. 📱💻🖥️
Built this responsive design showcase to demonstrate how a single, well-structured codebase adapts seamlessly across desktop, tablet, and mobile — no separate builds, no compromises on UX.
From full-width hero sections and grid layouts on desktop, to collapsing nav bars and reflowing grids on tablet, down to touch-friendly, single-column mobile views — every breakpoint is pixel-perfect and built right the first time.
If you're looking for a full-stack web developer who obsesses over responsive UI, clean code, and mobile-first performance, let's connect. Open to freelance web development, landing pages, and React/Node.js projects.
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
Horizontal scroll on an agency site is the hard mode of motion, it looks incredible in a reel and fights muscle memory on a trackpad. The builds that pull it off usually add a visible progress cue and a vertical fallback so nobody feels lost. Did you map the scroll so the...
New Framer project ✦ MediConecta
A complete telemedicine website designed around clarity, trust, and a simple booking experience.
I handled the visual direction, responsive design, UX, and full Framer build.
Really enjoyed working on this one — especially finding a balance between a clean healthcare feel and something that still feels modern and human.
nice designs..
The business of being creative deserves a considered workspace.
I built Dayrate for the work around the work: the brand conversation, the campaign deadline, the recorded payment, and the next introduction.
It brings those pieces into one connected creator studio.
Partnerships: move between a campaign grid and pipeline, with the brief, fee, status, and deliverables attached to the same record.
Delivery: see upcoming commitments on a calendar and export them as an ICS file.
Earnings: distinguish recorded fees from received amounts without pretending the interface is a payment processor.
Media kit: edit a creator profile and collaboration packages, then print a clean, shareable PDF through the browser.
The visual direction pairs warm paper tones, expressive typography, original synthetic campaign artwork, and restrained motion. I wanted the workspace to feel like a creative studio while keeping the operational details easy to scan.
A detail I cared about: the views share one underlying set of records. Updating a partnership should carry through to its calendar and earnings context, not create another isolated dashboard.
Built with React, TypeScript, and Vite. The release includes validated JSON backup and restore, CSV exports, reduced-motion support, keyboard-accessible interactions, and responsive layouts checked across six viewport sizes.
The public demo uses fictional creator data. Workspace changes stay in your current browser and device. This version does not include accounts, cloud sync, shared collaboration, or payment processing.
The narrated walkthrough below shows the complete workflow, with audio and no subtitles.
Which part of managing creative partnerships creates the most friction for you?