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 role-based vehicle yard management system built for a port logistics operation handling imported cars. It digitises the entire yard workflow and gives each team a dedicated dashboard over one shared, real-time dataset.
Vehicles move through a clear lifecycle - Pending → Stock In → Ready to Delivery → Out for Delivery → Delivered — with each step handled by the right role and fully timestamped for auditing.
Key features:
• Role-based login & dashboards (Admin, yard operators, gate guard, view-only logistics)
• OCR chassis/VIN scanning + live barcode/QR camera capture
• Excel bulk import with smart column mapping (hundreds of records in seconds)
• Condition & damage photo documentation on check-in
• Automatic storage-aging alerts (30/60/90 days)
• Maintenance tracking, duplicate detection & report export
• Fully responsive, with automated CI/CD deployment
Tech: React 18, TypeScript, Vite, Tailwind CSS, Radix UI, Tesseract.js (OCR), ZXing (barcode), SheetJS (Excel), plus a PHP cloud-OCR proxy.
Delivered using an AI-assisted development workflow — from architecture to a polished, tested, deployed product.
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
I built MobiFix Nairobi : A Mobile auto care company.
I rebuilt the moment an inbound “Can I book with you?” becomes “You’re booked.”
MobiFix Nairobi is a fictional mobile automotive service business built around one simple problem: booking vehicle services often means back-and-forth messages, checking availability, coordinating technicians, confirming locations, and handling payments manually.
I designed the experience so the customer can:
→ Choose a service
→ Select their vehicle
→ Enter their location
→ Pick an available date and time
→ Add their details
→ Review the booking
→ Complete payment
→ Receive a booking confirmation and code
Behind the scenes, the business gets a real dashboard with bookings, calendar, customers, services, technicians, availability, analytics, and website management — all backed by real data.
The goal was to make the entire journey feel less like “requesting an appointment” and more like simply getting booked.
Built with Lovable and Lovable Cloud.
MobiFix: https://carmobifix.lovable.app
(I haven't submitted the actual project link because of the environment variables, I'm using Lovable Cloud.)
Looking great...
I’ve been building HTML and React templates for a while. I have a roadmap of 10+ templates. I might release them in batches or all at once.
The templates will have AGENTS.md and DESIGN.md files for you agent.
You nailed the overall mood here. The details just reinforce it nicely.
A custom scroll-driven liquid transition built with React, TypeScript, and WebGL.
Two visual states blend through an organic distortion field, with the entire transition mapped to scroll progress and fully reversible.
Built as a reusable Framer Code Component.
Mapping the distortion to scroll makes the transition feel responsive instead of decorative.