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
Supply-Chain Optimization Platform — enterprise operations & forecasting dashboards
Designed the React + TypeScript frontend architecture for a real-time supply-chain optimization platform: live KPI dashboards, growth and forecasting views, and role-based operations screens.
• Feature-slice architecture integrating 3 backend microservices
• TanStack Query for server state, Zustand for client state
• Component library built on shadcn/ui + Tailwind CSS
• Data visualization with Recharts · MSW for API mocking during development
• Tech: React, TypeScript, TanStack Query, Zustand, Tailwind, Recharts, Vite
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
Introducing Mindora — a Life Coaching & Wellness Framer Template.
I designed Mindora for life coaches, wellness professionals, and personal growth brands looking for a calm, modern, and welcoming online presence.
Inspired by clarity, confidence, and meaningful growth, Mindora features a thoughtful layout, dedicated service sections, a blog for sharing valuable insights, and a clean visual style designed to help brands connect with their audience.
Built with Framer, it's a customizable starting point for creating a professional coaching or wellness website.
Explore Mindora and bring your next website idea to life.
Kindly check it out the template: https://www.framer.com/marketplace/templates/mindora-life-coach/
Great work
I built this speculative mineral cabinet to simulate ultraviolet fluorescence and light-wavelength transitions directly in the browser inside a clean interactive UI.
Users can flip the cabinet lamp between 5500K daylight and 365nm longwave UV to watch dull, grey stones instantly catch fire. The system catalogs seven fictional specimens from Verdigrite to Duskbloom mapping out their host lattices, trace metal activators, emission wavelengths (from 416nm cold violet to 640nm rose pink), and seam localities. If you switch the lamp back to daylight, the borrowed photon energy cuts off immediately, while specimens like Sporewort hold a brief half-second phosphorescent linger before going dark.
Everything runs on the client side using JavaScript, CSS, and HTML5. The stone visuals, wavelength states, and spectrum plots render locally in the browser without relying on heavy external assets or server calls. The page updates the crystal glow, the three step photon excitation breakdown, and the spectral chart in one pass. I even included a control specimen called Nullstone with zero trace activators. So when someone flips on the UV lamp, it stays completely dark and inert instead of faking a glow.
The ragebaiting part was to format and structure out the mineralogy lore and wavelength data so it felt clean and fast. Putting the activator traces, nanometer readings, and locality codes right beside each stone makes it easy to read the numbers while looking at the crystal glow. No distractions. Showing the emission spectrum chart at the bottom also helps visitors see where every specimen sits on the visible band before cutting the lamp.😊
No After Effects. No manual keyframes.
Just pure React, frame-level spring math, and code.
Built this SaaS product reel completely with Remotion at 60fps. Programmatic motion design makes it effortless to keep animations 100% true to real product UI while allowing programmatic variant generation.
💯 What you receive as a deliverable:
🎬 Production Video: 4K/60fps .mp4 or .webm ready for social, ads, and landing pages
🪟 Transparent Overlays: Alpha-channel .mov (ProRes 4444) to drop over your existing product footage
🔁 Looping Assets: Optimized .gif files for GitHub readmes and email campaigns
💻 Web Native: Interactive React @remotion/player components or automated server-side render scripts
Stack:
• React
• Remotion (useCurrentFrame, spring, interpolate)
• Headless Chromium render pipeline
Taking on 2 new projects this month for SaaS and dev-tool teams looking for high-end product animations.
DMs are open—let’s build.
