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
TrueSlip — Reporting Dashboard & Discord Workflow Automation
A reporting platform exploring automated CSR slip collection and classification through Discord, with a dashboard for managerial review. Development paused before completion.
Overview
TrueSlip began with a partly manual reporting process. Managers needed to review daily, weekly, and monthly customer support activity, and counting slips was part of that work. An earlier Chrome extension helped with counting, but the process still required manual steps.
I designed and developed the reporting website and landing page myself, working with Team Leads to understand what managers needed to review. The project explored how more of the collection and reporting workflow could be automated.
Approach and implementation
I moved the collection workflow toward a Discord bot that could collect messages and classify submissions. Rather than rebuild the classification logic from scratch, I reused functions from the earlier Chrome extension and adapted them to the new workflow.
The reporting dashboard brought submissions, verification statuses, and transaction histories together for review, connecting the collection process to the information managers needed to see.
Technical challenge
Keeping recurring automation costs low was a central design consideration. I used Firebase Functions to run the automation and Google Cloud Tasks to schedule it. Each completed task scheduled its next execution programmatically, allowing the process to continue without a separate Google Cloud Scheduler job.
This approach made operating cost part of the implementation decision, alongside the functionality of the automation itself.
Outcome and current status
TrueSlip received positive feedback, but I paused development and delivery before completion. It is not currently being used.
The work demonstrates experience designing reporting interfaces around Team Lead requirements, adapting existing classification logic to a Discord workflow, and building recurring automation with operating costs in mind. It also strengthened my understanding of how to connect a partly manual support process to a reporting system.
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
Lovely cohesive work, Alex. The motion is spot on!
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.😊
15 seconds of smooth UI, editorial layouts, and micro-interactions.
Kept the micro-interactions snappy, typography expressive, and transitions buttery smooth.
Rate this UI animation from 1 to 10 in the comments, or tell me what you’d improve! 😉
Solid 10/10 bro! 🔥 Micro-interactions are super snappy and transitions are buttery smooth indeed. Editorial layout game is strong. Keep it up!