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
BookNWatch
Overview
BookNWatch is a full-stack movie ticket booking platform built using the MERN stack. The application enables users to explore movies, select seats in real time, complete secure online payments, and receive automated booking confirmations. The platform also includes administrative controls for managing movies, shows, bookings, and users.
Problem
Online ticket booking systems must handle concurrent seat selection, secure payment processing, booking confirmations, and automated seat management without creating conflicts or double bookings.
Solution
I developed BookNWatch to provide a seamless movie ticket booking experience with real-time seat selection, secure Stripe payments, automated booking workflows, and reliable seat management through background job processing.
Features
Movie Discovery & Show Listings
Real-Time Seat Selection
Seat Locking System
Secure Stripe Payments
Booking Confirmation Emails
Automated Booking Expiry
Clerk Authentication
Protected Routes
Admin Dashboard
Responsive User Interface
Technical Implementation
Frontend
React.js
Context API
Backend
Node.js
Express.js
Database
MongoDB
Mongoose
Authentication
Clerk Authentication
Payments
Stripe
Stripe Webhooks
Background Processing
Inngest
Email Services
Nodemailer
Key Highlights
Server-side seat locking prevents double booking
Automated booking expiration after inactivity
Stripe webhook-based payment verification
Background job processing using Inngest
Automated email notifications and confirmations
Secure authentication and authorization
Scalable REST API architecture
Full administrative control panel
Tools & Technologies
Frontend
React.js
Context API
Axios
Backend
Node.js
Express.js
Database
MongoDB
Mongoose
Authentication & Payments
Clerk
Stripe
Stripe Webhooks
Automation & Communication
Inngest
Nodemailer
Development & Deployment
Git
GitHub
Postman
Vercel
Live Project
Source Code
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
Kombucha Y2K – Interactive Flavor Experience with a walkthrough video
project live demo link :
Link of figma project
Figma X contra challenge
Kombucha Y2K is a bold, interactive product experience that showcases a new generation of kombucha through a high-energy digital interface. Built with a striking neon aesthetic, the app blends product discovery, brand storytelling, and exploration into one immersive platform.
Users can browse unique flavors like Neon Lime Surge, view detailed product information, and explore ingredients, energy levels, and nutritional highlights in a visually engaging way. Each product is presented with a futuristic, electric style that reflects the brand’s identity.
Beyond shopping, the app introduces a strong brand narrative through its manifesto—positioning Kombucha Y2K as more than just a drink, but a movement focused on energy, flavor, and individuality.
With interactive sections like product exploration, lab-style discovery, and location features, the experience feels dynamic and modern rather than static.
Kombucha Y2K is designed for a new generation of consumers who want bold flavors, strong identity, and an engaging digital experience—all in one place.
I didn’t want to make something normal.
Everything I see online feels the same—clean, safe, predictable. So I decided to build something that actually feels different… something with energy.
I started with a simple idea: what if a drink brand felt alive? Not just a product, but an experience. Something bold, electric, almost futuristic.
So I designed Kombucha Y2K.
I played with neon colors, sharp contrasts, and a dark interface to give it that high-energy vibe. Every screen, every detail—it’s meant to feel intense, like you’re not just looking at a product, but stepping into a world.
This wasn’t just about design. It was about creating a feeling.
Something loud. Something different. Something that stands out.
And honestly… this is just the beginning.
Some walking through video
For this contra Makeathon, I wanted to merge creative tech . So I designed and built a tool where you can pick any MP4 or WebM from your device, and it plays directly in your browser as live, colored ASCII.
#FigmaMakeathon #Figma #DesignWithPurpose #ASCIIArt #PrivacyFirst #WebDesign
This is COOL!
Here is my submission for the #makeathon
FocusDock is a calming focus timer designed for work, study, reading, and deep focus sessions.
https://detach-lime-09329627.figma.site/
The idea started from a simple problem: most focus timers are functional, but they don’t feel personal or emotionally engaging. I wanted to create a timer that feels more like a small ritual, choosing your environment, placing your clock, setting the mood, and starting a focused session with intention.
With FocusDock, users can:
Choose a focus duration
Pick from different illustrated desk, shelf, and table backgrounds
Select a clock style
Place the clock naturally inside the scene
Start a clean, distraction-free focus session
Use ambient sounds or music to support concentration
The design direction is soft, calm, and minimal, using 2D illustrated backgrounds with clear surfaces where the clock can sit naturally. The goal is to make the clock feel like an object inside the workspace, not just a floating timer UI.
I’m using Figma’s suite of tools to explore the visual system, generate the interface direction, and build the interactive prototype with Figma Make. A big part of the challenge is making the experience feel polished: smooth transitions, thoughtful placement, responsive layouts, and a focus flow that feels simple but meaningful.
For me, this project is about turning time management into a calmer, more intentional experience.
social post: https://x.com/sir_hsn/status/2063623301201858694?s=20
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.
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?