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
A psychometric assessment platform built for a career-guidance client. Students take structured tests; the system scores them and generates their profile reports.
React and TypeScript on the front end, Node/Express and PostgreSQL behind it.
The part worth talking about is the deployment. The client was already on Hostinger shared hosting, which serves static files fine but can't run a Node process. Instead of moving them to a new provider mid-project, I split the stack — frontend on Vercel, API on Render, database staying on Hostinger. It shipped without them changing anything they were already paying for.
Live since June 2026, and I've maintained it on a freelance basis since.
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
Challenges
View all
Related posts
Custom liquid interaction built in Framer.
Turning a static hero into a responsive visual surface through cursor-driven distortion.
How do you adapt the cursor-driven effect for touch screens?
The 404 was treated as a proper page rather than a fallback state.
The number is constructed as an architectural drawing. The 4 and the 0 are formed from walls at true thickness, with furniture laid out inside the resulting rooms and dimension strings running along both edges. It sits inside the same drafting system as the rest of the site rather than borrowing a display typeface.
The error message then repeats. Instead of a single dialog, identical windows cascade back across the canvas, each one carrying the same 404 notice. It reads as a system throwing an unresolved warning over and over, which is the exact behaviour Heron is built to prevent inside a model.
Error pages are never in the brief. They're a good measure of whether a team understood the product or just styled it.
Treating a 404 as an actual page instead of a dead end is such a good instinct, where did the architectural drawing idea come from, personal interest bleeding into the work?
Areal – Now available in Framer.
A minimal template for creative studios and independent creatives.
Built around strong typography, considered layouts, and subtle interactions with enough flexibility to make it your own.
Strong typography and subtle interactions are a solid foundation for a portfolio.