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
Chat Bloom – Real-Time Messaging Application
Chat Bloom is a full-stack, real-time messaging application designed for fast, seamless user communication. I engineered the platform with a responsive, modern UI and robust real-time backend architecture.
Frontend UI/UX: Designed and built a responsive dark-mode interface using React, Tailwind CSS, and DaisyUI.
Real-Time Engine: Integrated Socket.io for instant messaging, live user online/offline status updates, and image sharing.
State Management: Utilized Zustand for reliable, lightweight global state handling across components.
Backend & Security: Developed RESTful backend services using Node.js, Express, and MongoDB, complete with JWT authentication, profile management, and custom UI themes.
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
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
One of my favorite UI experiments so far.
I challenged myself to create a cinematic Pepsi landing page where the interface feels like it’s floating within the experience rather than simply sitting on top of a background.
✨ What I explored:
1. AI-generated animated backgrounds
2. Scroll-driven storytelling with multiple Pepsi products
3. Glassmorphism & frosted-glass UI
4. Smooth blur, reflections, and premium lighting
5. Framer Motion animations
6. Fully responsive design
Built with React, Vite & Tailwind CSS The goal was not just to build another landing page it was to create an immersive experience where motion, depth, and interaction work together to tell a story.
I am still refining the animations and interactions, but I’m really happy with where it’s heading. What would you improve or add?
#React #TailwindCSS #FramerMotion #UI #UX #WebDesign #Frontend #Glassmorphism #LandingPage #MotionDesign #CreativeCoding
The floating glassmorphism UI paired with AI-animated backgrounds creates an incredible depth. How did you handle performance optimization with those blurs and smooth scroll animations in React?
🚀 New to Contra & Open to New Projects!
Excited to join Contra and connect with talented people, founders, and teams building great products.
I’m a Full-Stack Developer with 6+ years of experience specializing in React.js, React Native, Next.js, Node.js, and TypeScript. I build scalable web and mobile applications with a strong focus on performance, clean UI, and great user experiences.
I’m currently looking for new freelance projects, collaborations, or long-term opportunities. If you’re building something exciting or need help turning an idea into a production-ready product, I’d love to connect! 🤝
Feel free to DM me or check out my profile. Let’s build something great together! 🚀
I just submitted my entry to the Replit Buildathon! 🚀
I built ClientOS, a client-work dashboard designed to bring projects, approvals, updates, and payments into one clean workflow.
The client side is just as important: clients can open a private portal, review deliverables, approve work, and pay invoices without needing to create an account.
Live app: HERE
I also just created my Contra account a few weeks ago, so I’m really excited to be here, share what I’m building, and see where this journey goes. ✨
Would love to hear what you think!
Frontend DevelopmentQuality Assurance TestingSoftware DevelopmentNext.jsTypeScriptReplitreplitbuildathonnextjs
Great work