DEV Community

Cover image for How I Built CineMood — A Movie Discovery App
Subashbelina
Subashbelina

Posted on

How I Built CineMood — A Movie Discovery App

I was tired of scrolling Netflix finding nothing.
So I built CineMood — discover movies based on
your mood, not what's trending.

🔗 Live: https://cinemood-plum.vercel.app/

Stack

  • React + Node.js + Express
  • MongoDB
  • TMDB API
  • Vercel + Render

Biggest Challenge — CORS Error

Got this error connecting Vercel frontend
to Render backend:

blocked by CORS policy
Enter fullscreen mode Exit fullscreen mode

Fix:

app.use(cors({
  origin: 'https://cinemood-plum.vercel.app'
}))
Enter fullscreen mode Exit fullscreen mode

2 hours of debugging. One line fix. 😅

What I Learned

  • Set up CORS on day one, not after deployment
  • TMDB API needs caching for performance
  • Vercel + Render = best free fullstack combo

Found this helpful? Drop a ❤️

Top comments (0)