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
Project: Tindahan Natin (Launched 2026)
Role: Lead Architect & Developer
Stack: ASP.NET Core, Flutter, Auth0, Astro
Mobile-First Inventory & Spatial Mapping
A cross-platform mobile application designed to digitize the logistics of local retail (sari-sari stores). This required architecting a system capable of real-time inventory synchronization and visual shelf-mapping across multiple concurrent users (owners and staff).
Engineered with Flutter for native mobile performance and backed by a robust ASP.NET Core API, the application seamlessly handles complex relational state, role-based access control via Auth0, and live data sharing without degrading the user experience on lower-end hardware.
Cloud InfrastructureSoftware ArchitectureSoftware DevelopmentASP.NET CoreFlutterGoogle Cloud Platform
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
Title: Nexa Electronics: Premium E-Commerce Website with Interactive 3D Exploded Views
Description:
Nexa Electronics is a demo e-commerce website I designed and built to show my skills in modern web design, front-end development and interactive 3D experiences. This video is a walkthrough of the site.
What’s in the video
The home page, with a cinematic hero section and a 3D device showcase
Browsing by category: Smartphones, Laptops, Audio, Gaming, Smartwatches, Smart Home and Accessories
Product pages with configuration and colour options, a zoom inspection view, pricing, stock status and customer reviews
The interactive 3D exploded view (“Explore Inside in 3D”), where you can take products apart layer by layer to see their internal components
Quick View, the device comparison matrix, the shopping bag and a full checkout flow (shipping details, payment, order review and confirmation)
Customer sign-in and an admin dashboard for managing the store
Website features
Interactive 3D exploded views of products, with labelled internal parts and an explode slider
A mega-menu navigation and fast category browsing
Product configuration (storage and colour variants) with live pricing
Wishlist, compare and shopping bag functionality
Device comparison matrix
A simulated checkout with order confirmation
Customer accounts (sign-in)
An admin dashboard with store stats and inventory and price management
A newsletter signup section
A toggle to turn the 3D experience on or off
A responsive, dark and light themed premium UI
Note: I made this video with the help of AI, and it is just a demo to show my skills. To see my work properly, I recommend visiting the live website here: https://nexaelctronics.netlify.app/
Thanks for watching. I’m open to freelance projects, so get in touch if you’d like something similar built for you.
The dark theme and 3D device views look sharp.
Have you tried Stacki?
It’s a visual editor for Astro sites (stacki.build). Early stage, but you can edit an Astro site in the UI like in Webflow, for free, while keeping full control of the code. That also means fewer AI tokens spent on small changes.
Are you building on Astro? How do you handle edits today?
Ye le Jani:
Stacki looks super interesting! A Webflow-like visual editor for Astro while keeping full code control is exactly what the ecosystem was missing. And saving AI tokens on small edits is such a smart angle. Definitely going to check out stacki.build - are you building this?
stacki.build
Stacki
Stacki is a free, open source visual builder for Astro. Edit real .astro files on a live canvas: pages, components, styles, content and variables, then publish straight to GitHub.
Engineered an interactive commerce platform for autonomous multi-channel retail.
Built with high-conversion frontend craftsmanship:
• Bespoke warm-linen editorial palette with tactile state micro-interactions
• Dynamic live telemetry console with real-time budget calibration sliders
• Reactive 4-step autonomous pipeline with live event stream toasts
• 60 FPS performance, fluid responsive architecture & clean component hierarchy
Stack: React • TypeScript • Tailwind CSS
The budget sliders update live, which makes the pitch feel tangible. Nice React work.