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
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
PixelWave is a browser-based audio visualizer that turns
any MP3 or WAV into real-time pixel animations. It includes
4 visualization modes, 4 color themes, a curated tape
library, and a beat-sync game where the audio waveform
becomes playable terrain. Built with vanilla HTML/CSS/JS
and the Web Audio API. No server, no uploads — everything
runs locally in the browser.
How I Used Stitch
I brought my concept into Stitch using
"Start from existing design." Stitch streamed the
generation of all screens directly to the canvas
as separate editable frames. I used in-place AI edits
to refine screens where the canvas reset mid-generation.
Those screens defined the visual direction and component
structure of the full build, deployed to Netlify.
The "Start from existing design" feature was the most
useful part — importing my HTML file and getting 5
separate editable frames immediately saved a lot of time.
The main friction I encountered was with undo/redo:
when I tried to undo a change on one frame, it reverted
all frames back to an earlier state, not just the
specific edit. This made iterating carefully on
individual screens less predictable.
Overall Stitch significantly sped up going from
concept to structured screens.
Live Demo
https://pixelwave-demo.netlify.app/
The beat sync game idea is pretty creative. Not many entries are exploring audio as the core experience. Also agree on the undo issue, ran into a few similar moments while iterating.
Here's what I built for the challenge:
https://on.contra.com/pnfJBQ
on.contra.com
Introducing Voya: Revolutionize Your Travel Planning Experience
Connect with next-gen talent and tools to get work underway. Hire more independents. Start more projects. Get more creative.
Ticketify is a full stack web application for buying, selling, and managing digital tickets for events 🎟️
The main idea behind the project is to offer a simpler, safer, and more intuitive experience for both people who want to buy tickets and organizers who need to manage their events, sales, and ticket validation.
Unlike many ticket-selling platforms that often feel unclear or difficult to use, Ticketify aims to centralize the entire flow into a more organized experience: discovering events, buying tickets, receiving digital entries, and validating them through QR codes.
The application has two main types of users:
🛒 Buyer user
Buyers can explore published events, search by name, category, date, or price, view the details of each event, and purchase tickets through Mercado Pago integration.
Once the purchase is completed, they can access their digital tickets, view the status of each ticket, and check their purchase history with detailed information.
Implemented features for buyers:
• Sign up and log in
• Google login through OAuth 2.0
• Email verification
• Password recovery
• Event exploration and search
• Filters by category, date, price, and name
• Ticket purchase with Mercado Pago
• Digital tickets with QR codes
• Ticket status: valid or used
• Purchase history
• Purchase detail
• PDF receipt download
• User profile management
🎟️ Organizer / seller user
Organizers can create and manage events, define ticket types, manage sales, and validate tickets on the day of the event.
They also have a dashboard where they can view important metrics such as tickets sold, revenue generated, and the status of their events.
Implemented features for organizers:
• Event creation and editing
• Event image/banner upload and update
• Ticket type management
• Event publishing and closing
• Dashboard with key KPIs
• Sold tickets overview
• Total revenue overview
• Management of their own events
• Ticket validation through a QR scanner using the camera
• Manual validation by code
• User profile management
🔐 Security and authentication
Ticketify also includes features focused on account security and protecting the purchase flow:
• JWT authentication
• OAuth 2.0 with Google
• Email account verification
• Password recovery
• Alerts for logins from a different IP address
• Protected routes based on user role
• Differentiation between buyer and organizer
📧 Automated emails
The application sends automated emails at important moments in the user flow:
• Account verification
• Password recovery
• Purchase confirmation
• New login alerts
⚙️ Technologies used
The project was built with the MERN stack:
• MongoDB
• Express.js
• React
• Node.js
It also integrates:
• JWT for authentication
• OAuth 2.0 with Google
• Mercado Pago for payments
• Resend for email delivery
• Cloudinary for image management
• QR scanner for ticket validation
Ticketify was designed as a complete solution for events, where design, security, and user experience work together to make buying, selling, and validating tickets faster, more reliable, and more functional.
Challenges
View all
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.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
portfolioreview
The best portfolios tell a story, not just show a grid. Share yours for feedback.
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?