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
PAS Freight Quotation Generator — a single-file, no-install quoting tool covering Air, Sea FCL, Sea LCL, and Domestic Transport, each with its own theme, default charges, and terms, under one shared brand. Built for speed: searchable dropdowns across an 854-company customer/supplier database, drag-to-reorder charge rows, dual currency with smart ROE auto-fill (only applies when the row's currency actually matches the header), and a keyboard-first flow where Enter jumps fields and auto-adds new rows.
Built for real daily use, not just a demo: everything autosaves locally as you type, a searchable Archive + Bin keeps every past quote without ever breaking under volume, and PDF/PNG export was tuned specifically to fix alignment and blank-page issues from earlier versions. Deployed as a static site — no server, no backend — so it just works as a live URL.
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
Trending
Claude
Claude has entered the design space. How are you using it?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
Brand Design
The best brand designers are on Contra. Scroll to see what's trending in brand design. What are you building?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
Related posts
I created requote.online one random evening.
It's a document styler. You feed it quotes and invoices & it spits out style landscape beauties.
Ready for your proposal, your Pikachu, your next passion project.
As it was mine
<3 #builtbylowkey #requote #documentstyler
What's the better cover for my wip ReQuote casestudy.
1 voted
33%
2 voted
67%
3 votes
Closed
Keep on Invoicing one
𝗗𝗲𝗹𝗶𝘃𝗲𝗿𝗲𝗱 𝗘𝗻𝗱-𝘁𝗼-𝗘𝗻𝗱 𝗤𝗔 𝗳𝗼𝗿 𝗦𝗘𝗢 & 𝗖𝗠𝗦 𝗠𝗶𝗹𝗲𝘀𝘁𝗼𝗻𝗲 (𝗨𝗞-𝗕𝗮𝘀𝗲𝗱 𝗣𝗹𝗮𝘁𝗳𝗼𝗿𝗺)
Executed structured testing for a live talent acquisition platform, ensuring smooth rollout of SEO enhancements without impacting existing user flows.
What was covered:
SEO landing pages logic & visibility controls
CMS-driven dynamic content (hero sections, highlights, banners)
Admin vs frontend data consistency
UI rendering validation across key pages
Regression assurance across:
Authentication system (Login / Register)
Real-time messaging
Job creation & management
Talent discovery (search & filters)
Execution approach:
Tested 40+ scenarios across multiple modules.
Followed structured acceptance + regression checklist
Focused on real user journeys, not just isolated test cases
Key learning:
Effective testing isn’t just about finding bugs
it’s about ensuring new changes don’t break existing user flows.
Outcome: Smooth deployment, stable system, zero critical breakage.
Great work on ensuring seamless SEO updates; what was the most challenging part of coordinating the end-to-end testing process?
UI Factory — The Alert Component
I've been building interfaces for a while now. And for most of that time, I did what everyone does — reached for a library, dropped in a component, tweaked the colors, shipped it. Job done.
But I kept noticing something. No matter how polished the product, the UI always felt borrowed. Like you could see the seams of whatever design system was underneath. Everything started looking the same.
So I decided to start building my own things from scratch. No templates, no defaults. The rule I set for myself: every component has to have its own identity. Its own material, its own physics, its own personality. A notification alert shouldn't feel anything like a pricing card. A dock shouldn't feel like a modal. Each one is its own experiment.
This alert component was the first one I finished. I wanted it to feel physical — like something you could reach into the screen and peel off. That drove every decision: the shadows, the spring physics, the way the stack fans out when you hover it, the way each card exits with a little spin. Nothing about it is accidental.
But claymorphism is just one direction. The library I'm building will go everywhere — glass, depth, brutalism, motion-first, 3D. The point was never an aesthetic. The point is that UI can feel crafted instead of assembled.
I'm in the early stages of building my own UI component library. If this work gets traction, the plan is to open-source the full code so designers and developers can use these in their own products. Every component ships with its own philosophy — no two will feel the same.
This is just the beginning. Follow along.
→ Try it yourself: https://ui-factory-zeta.vercel.app/notification-stack
Stack: React 19 · Next.js 15 · Framer Motion · TypeScript
#SoftwareArchitecture #SystemDesign #FullStack #SaaS #AIEngineering #DistributedSystems #React #PostgreSQL #NodeJS #Python #ProductEngineering #WebDevelopment
The spring physics and layer depth look incredible in action! Crafting components from scratch with true physical personality beats cookie-cutter UI libraries every single time. Awesome work!