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
🌕 Just launched 21HRS ON THE MOON — an immersive web experience inspired by the 21 historic hours of the Apollo 11 Moon landing.
The goal was to create an interactive storytelling experience that combines cinematic visuals, smooth animations, and modern frontend development to make history feel engaging.
Built with:
React
Next.js
Tailwind CSS
GSAP / Framer Motion (if you used them)
Responsive Design
Every interaction was crafted to deliver a premium, immersive experience across devices.
I'd love to hear your feedback!
🚀 Live Demo: https://www.21hrs.space
#FrontendDeveloper #React #NextJS #GSAP #ThreeJS #TailwindCSS #WebDevelopment #InteractiveDesign #Storytelling #Contra
21HRS ON THE MOON – Interactive Apollo 11 Experience
Overview
21HRS ON THE MOON is an immersive web experience inspired by the Apollo 11 mission. The project combines cinematic visuals, interactive storytelling, and smooth animations to guide users through one of history's most iconic moments.
The focus was on building a fast, responsive, and visually engaging experience while maintaining clean code and modern frontend architecture.
My Role
Frontend Development
UI Development
Responsive Design
Animation Implementation
Performance Optimization
Technologies
React
Next.js
Tailwind CSS
GSAP / Framer Motion (if applicable)
Three.js (if applicable)
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!LOVE!!!!!!!!!!!!!!!!!!!!!!!!!!!
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
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?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
Related posts
Building Products That Solve Real Business Problems
The more products I build, the more I realize that great software isn't about adding more features, it's about solving the right problem.
As a Full Stack Developer, I'm focused on creating web applications, mobile applications, and AI powered SaaS platforms that help businesses improve productivity, automate workflows, and scale with confidence.
Some of the products I've been building include:
🔹 LeadRadar – AI powered lead generation platform
🔹 Unlimited – Team tracking & employee management system
🔹 Real Estate Management Platform
🔹 Restaurant Ordering System
🔹 Healthcare Management Platform
Every project pushes me to improve my skills in:
✅ Product Design
✅ UI/UX Design
✅ Frontend Development
✅ Backend Development
✅ API Development
✅ Database Architecture
✅ Mobile App Development
✅ SaaS Development
✅ AI Integration
I'm excited to keep building software that creates real business value and delivers great user experiences.
What product are you currently building, or what's one problem you'd love technology to solve?
#FullStackDeveloper #WebDevelopment #MobileAppDevelopment #SaaS #AI #ProductDesign #UIUX #React #NextJS #NodeJS #TypeScript #SoftwareDevelopment #Startup #BuildInPublic #Tech #BusinessSoftware #Developer #Innovation #DigitalProducts #ArtificialIntelligence
A small update to my portfolio. Light mode ☀️ / Dark mode 🌙
One of those small details that makes browsing a little more enjoyable.
Check it out: https://badretdinov.com
Nice work
Clean and has potential but the header hierarchy is a little of balance. Good work tho!