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
ā¢ 21h
š Just Built: Visitor Management System (MERN Stack)
Excited to share one of my latest full-stack projects!
A modern Visitor Management System built with the MERN Stack to simplify visitor entry, QR-based check-in/check-out, and gate pass management.
āØ Key Features
š Secure Authentication (JWT)
š¤ Visitor Registration
š« Auto Gate Pass Generation
š· Photo Upload
š± QR Code Generation & Scanning
ā
Check-In / Check-Out Tracking
š Admin Dashboard
š PDF Export
š± WhatsApp Notification Integration (Meta WhatsApp Cloud API)
āļø MongoDB Atlas Database
š Responsive UI
š ļø Tech Stack
React.js
Node.js
Express.js
MongoDB
JWT Authentication
Cloudinary
QR Code
WhatsApp Cloud API
This project demonstrates my ability to build secure, scalable, and production-ready web applications with real-world business use cases.
I'm open to freelance projects, collaborations, and full-stack development opportunities.
#MERN #ReactJS #NodeJS #MongoDB #ExpressJS #FullStackDeveloper #WebDevelopment #VisitorManagement #QRCode #WhatsAppAPI #JavaScript #OpenToWork
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
Still can't believe this is fully native.
With the Framer 3.0 update I rebuilt this viral landing page using Opus 4.8. The result is insane.
Edit every layer on the canvas or just ask Claude
Check it live https://lumio.framer.media/
How would you compare this to a website built using only claude code and pulling from something from say, the Figma MCP?
Family Yoga Studio ā Hero Section Design
A landing page concept designed for a family-focused yoga studio. The goal was to create a calm, welcoming first impression while maintaining a clear visual hierarchy and intuitive user experience.
Goal
Design a hero section that communicates the studio's atmosphere, establishes trust, and encourages visitors to take action without overwhelming them with information.
Design Approach
ā¢ Clean and minimal layout focused on readability and clarity
ā¢ Strong visual hierarchy that guides attention from the headline to the primary call-to-action
ā¢ Custom image masking and typography to create a distinctive brand presence
ā¢ Carefully balanced supporting visuals that reinforce the message without competing for attention
Outcome
The result is a modern, aesthetically balanced hero section that highlights the studio's identity while making it easy for potential clients to explore classes and get in touch.
Tools
Figma
Keywords
#WebDesign #UIUXDesign #LandingPage #HeroSection #WellnessDesign #YogaStudio #MinimalDesign #Figma #ProductDesign
What I find interesting about hero sections is that users decide within seconds whether a product feels right for them.
Creating a sense of trust, clarity, and calm while still encouraging action is much harder than it looks. Nicely thought through š
Honest check: when a potential client opens your website today, which side of the spectrum does it feel closer to? Ps: This redesign case is on my profile!
1 voted
4%
24 voted
96%
25 votes
Closed
Closer to the right for me.
What stands out isn't just the visual upgrade, it's the shift in perception. The redesign communicates innovation, credibility, and brand confidence much faster. In many UX projects, those first few seconds often determine whether visitors continue exploring or leave.
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?