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
π Excited to share my latest project: Movie Vault! π¬
I built a React web app for movie lovers to explore trending releases, view fluid, auto-changing cinematic hero banners, and curate their personal watchlists.
The Challenge: During development, I noticed the app failed to load on several major Indian ISP networks due to regional blocks on media APIs.
The Solution: Instead of asking users to use a VPN, I implemented a Serverless Reverse Proxy using Netlify Rewrites. By routing API requests through a server middleman, the site now loads flawlessly for everyone out of the box!
π§ Tech Stack: React.js, Tailwind CSS, Axios, REST APIs, Netlify.
π Check it out live: https://movie-vault-watchlist.netlify.app/
π GitHub Repository: https://github.com/aditya-jagtap02/movievault :
I'd love to hear your feedback on the UI or the proxy setup!
#ReactJS #WebDevelopment #TailwindCSS #Frontend #BuildInPublic
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
Really excited to share this one. Stay tuned for a video showcasing the whole site, but even better, why don't you just experience it for yourself: https://thebluehorizon.ai/
These guys have received over 1 billion impressions on their videos and they came to us to make their website match the caliber of work they put out at an inhuman rate.
That website is incredible.
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 above the background instead of sitting on top of it.
β¨ Features:
π₯ AI-generated animated background
π₯€ Scroll-driven storytelling with different Pepsi products
πͺ Glassmorphism & Frosted Glass UI
π Smooth blur, reflections, and premium lighting
β‘ Framer Motion animations
π± Fully responsive
π― Built with React, Vite & Tailwind CSS
The goal wasn't just to build another landing page :it was to create an immersive experience where motion, depth, and interaction tell the story.
Still polishing the animations and interactions, but I'm really happy with how it's coming together.
What would you improve? π
#React #TailwindCSS #FramerMotion #UI #UX #WebDesign #Frontend #Glassmorphism #LandingPage #Pepsi #CreativeCoding #MotionDesign
The floating interface effect actually works here, it reads more like a movie poster than a landing page. How did you handle the scroll-driven storytelling technically, is that all Framer's native scroll effects or did you need custom code for the parallax depth?
Zyn Models is a concept website designed and developed to demonstrate what a modern, high-end modeling agency website can look like. Built with Next.js, the project focuses on delivering a fast, responsive, and visually engaging experience that reflects the professionalism and creativity of the fashion industry.
The website showcases a clean, premium interface with smooth navigation, optimized performance, and a mobile-first design. It was created to illustrate how a modeling agency can present its talent, services, and brand identity through a polished digital presence while improving credibility and online visibility.
This concept highlights my approach to combining modern web technologies with thoughtful design to create websites that are both aesthetically compelling and highly functional.
