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
Designed and developed a modern analytics dashboard concept focused on presenting data through a clean, responsive, and easy-to-use interface.
The project includes KPI cards, revenue charts, traffic source visualization, recent transactions, customer search, activity updates, dashboard navigation, date-range controls, notifications, and responsive mobile layouts.
Built with React, JavaScript, HTML, CSS, and Vite. This is an independent portfolio project created to demonstrate frontend development, dashboard UI design, responsive layouts, and interactive data experiences.
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
Real estate dashboards are usually built for data entry. Aurex Living was built for decision-making.
$873,42.39 total revenue. 1,269 completed deals this month. $276K sold, $346K rented. Property cards, agent tracking, map view, average sale value trending +10% - every number a real estate operator actually needs, on one clean white canvas.
firendev: brand identity and website.
firendev is a video studio, and the name carries the whole brand. Fire, for the spark that starts every piece. Firenze, for a craft measured with proportion and geometry. Develop, in its two senses: developing film and developing software. One line holds it together: developed like software, finished like film.
Everything else grows from that. The spark is the dot of the i. The floor is the herringbone brick of Florence's Duomo. The mark is a camera frame waiting for its spark.
I'd love your honest take on the mark and the hero.
Full case study: https://contra.com/p/bWEMrvZW-firendev-brand-identity-and-website
It's a great design 🔥
I liked the animation in Hero; I'm curious which library you used.
That works. If the screen recording clearly demonstrates the product, your written explanation can carry the “what I built and why” story.
Here’s a polished version you can use for your Contra challenge submission:
What I built & why
I built PawRoute, a smart booking and automation experience for a fictional solo mobile dog groomer, Maya, based in Austin, Texas.
I chose mobile dog grooming because booking isn't as simple as finding an empty calendar slot. Every new inquiry can require the owner to check the customer's location, understand the dog’s needs, recommend a service, calculate pricing, find a time that works with the driving route, confirm the appointment, send reminders, and handle cancellations.
I wanted to answer one question:
How can I turn “Can I book?” into “You’re booked” with as little work from the business owner as possible?
So I designed PawRoute around a simple 3-step customer booking experience. Customers provide their location and dog details, receive a recommended service with clear pricing, and choose from available appointment times.
I also created Best Route Match, which prioritizes appointments when Maya is already working nearby instead of treating every available time equally.
Behind the customer experience, PawRoute handles the repetitive work: booking confirmations, reminders, customer information, route updates, rescheduling, and automation activity.
I also designed an owner dashboard where Maya can see appointments, customers, her driving schedule, and what PawRoute has automated.
Finally, I added a cancellation-recovery workflow. When an appointment opens up, PawRoute can help identify suitable waitlisted customers and refill the slot instead of requiring Maya to manually message people.
The goal wasn't simply to build another booking website. It was to design a system where the customer sees simplicity while the complexity is handled behind the scenes.
3 steps for customers. Less scheduling work for Maya.
Built with Lovable for the Lovable Challenge.
