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
Optical Shop Order Lens Management System
Optical Shop Order Lens Management System is an order tracking platform built for optical shops to manage lens procurement — from receiving customer prescriptions to placing and monitoring orders with lens vendors. It centralizes lens order data including prescription specs (SPH/CYL/axis/PD), vendor assignments, order status tracking, and financial summaries per order cycle.
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 love the dark version. It's cool
Here is my Config Makeathon entry.
This is VivioBrush.
VivioBrush is a timeline free creative app that turns your video library into liquid paint.
On the upload screen just drag a video from anywhere into the upload box or click on the upload from computer button.
Once uploaded you are moved to the studio section.
Within the studio section you will notice that your video in loaded onto a brush. Simply click and drag on the canvas to make your video brush appear.
In the bottom tool panel you have the option to make your brush stroke smooth or stepped which can provide some fun results.
Next to that there is a slider to increase the brush width.
The pink circle is your active layer where you can turn on the sound of the video, click on the C button to give your layer and continuous stroke or change it to R which gives it a repeating pattern. There is a trashcan on the left that clears the art board as well a blue plus button to add another layer.
There is a white X you can click on to get rid of the layer/video all together.
Once you are happy click on the export button to see some options.
You can export your creation as a Video or GIF.
For the video option you have three durations to choose from.
Feel free to download your creation to your computer or post it to our gallery.
Within the gallery you can open up a modal that allows your to preview other people work. Within the modal you can also delete your video if you don't want it within the gallery anymore.
I'm more of a show don't tell kind of person so hopefully that covers everything.
-This is Version 1.0 so there might be bugs or it might lag a bit-
I will continue to tweak it as needed.
Published App
https://mild-event-79697254.figma.site
Community file
https://www.figma.com/community/file/1647330932825759833/viviobrush-community-file
Love the visual direction here. The attention to detail really stands out.
@figma x @contra #configmakeathon
Minor update: I finally got the QR Code scanner in the Check-In HUD tab to be fed live data from the current device's camera and the canvas needs to be alive.
Faced a few difficulties implimenting this, but I finally got it right.
The QR scanner had a critical bug: the scan function was wrapped in useCallback with [onScan] as dependency. The useEffect depended on [scan]. This created a situation where:
Every time onScan prop changed reference (which happens on every render since onScan is an inline arrow function), scan got recreated.
useEffect then re-ran, stopping and restarting the camera/scan loop.
This caused an infinite restart loop.
But more critically, the scan function was used as a useCallback but useEffect also depended on scan.
When the parent component passed a new onScan reference on each render, it triggered scan to be recreated, which then caused the effect to re-run and start a fresh camera stream every time. This created multiple overlapping streams and breaks the scanner functionality.
The solution was to move scan directly into the useEffect so it's not a separate dependency, and use a ref to store the onScan callback to prevent unnecessary recreations.
The root bug: scan was in useCallback([onScan]) and useEffect([scan]).
Next? I'll be fixing the register for event process (from the landing) and also the copy event link button at the top right corner of the event card modal, to display a link and ID needed by a user so they can be ale to find and register for an event.
@_radnolan #ConfigMakeathon #buildinpublic @tranmautritam @janm_uiux @thedesignely
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
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?