Moviefy - Your Personalized Movie Explorer Built with React & AI

Sabbir Hossain — Mon, 14 Jul 2025 10:55:44 +0000

🎬 Introducing Moviefy – Your Personalized Movie Explorer Built with React & AI
Hey Dev Community! 👋
Over the past few weeks, I’ve been working on a side project called Moviefy – a modern movie discovery web app powered by React, Supabase, and even some AI magic! I'm super excited to share it with you all finally.

🔗 Live Demo: https://moviefy-sigma.vercel.app
📦 GitHub Repo: https://github.com/Sabbirhossain97/moviefy

🚀 What is Moviefy?
Moviefy is a sleek and intuitive platform that allows users to browse trending movies, search using AI prompts, and manage a personalized watchlist — all in a seamless experience.

Whether you’re a cinephile or want weekend movie picks, Moviefy’s got you covered.

✨ Key Features
🔍 AI-Powered Search: Integrated with Gemini API to let users search for movies using natural language (e.g., "Show me recent action movies with Tom Cruise").

🎞️ Browse by Category: Explore trending, top-rated, upcoming, or genre-specific movies using real-time data from the TMDb API.

📌 Wishlist & Watched List: Easily save movies to your wishlist or mark them as watched — never lose track of what you love!

🔐 Authentication & User Management: Handled via Supabase Auth with protected routes and secure user sessions.

📱 Responsive UI: Built with Tailwind CSS to ensure a smooth experience across devices.

🛠️ Tech Stack
Frontend: React, Vite, TailwindCSS, TypeScript

Backend-as-a-Service: Supabase (Auth & Database)

APIs: TMDb API, Gemini AI API

Deployment: Vercel

🧩 Challenges Faced
Implementing AI search and understanding prompt engineering for the best results.

Designing a minimal yet intuitive UI with user experience in mind.

Handling edge cases in authentication, like password reset flows and session persistence.

🗨️ Final Thoughts
Building Moviefy helped me sharpen my frontend skills and experiment with integrating AI into a real-world app. There's still room to grow — maybe even adding social features or multi-user movie sharing in the future.

Would love to hear your thoughts, feedback, or suggestions for improvement! 🌟
If you like the project, feel free to leave a ⭐ on GitHub!

🔗 EasyURL – A Clean and Fast URL Shortener Built with MERN Stack

Sabbir Hossain — Mon, 16 Jun 2025 06:48:14 +0000

🚀 EasyURL – Advanced URL Shortener (MERN Stack) 🌐

Welcome to EasyURL, a fully-featured, full-stack URL Shortener built with the MERN stack. This project simulates a real-world SaaS-style product complete with analytics, authentication, sharing, QR generation, and more.

🛠️ Tech Stack

Frontend

⚛️ React + Vite – Fast, optimized single-page performance
🎨 TailwindCSS v4 + Headless UI – Modern, responsive UI
📊 recharts + react-simple-maps – Rich data visualizations and geo-based analytics
🔗 react-share – Easy sharing to social platforms

Backend

🧠 Node.js + Express + MongoDB – Robust and scalable backend
🛡️ JWT Authentication – Secure login and protected routes
✉️ Nodemailer – Password reset via secure email link
📁 Multer – Profile image upload handling
📷 QR Code Generator – Downloadable QR for each short URL

✨ Features

🔗 Create and customize short URLs
📈 Track total clicks and geo-location-based insights
📤 Share URLs via social platforms
📷 Generate and download QR codes for shortened URLs
🔐 Secure JWT-based authentication, email-based password reset through nodemailer
🖼️ Upload user profile images or custom images

📸 Screenshots

📚 What I Learned

Through this project, I explored and implemented:

🔍 MongoDB Aggregation Pipeline – For advanced stats and analytics
🧩 Clean API architecture – With modular middleware and route protection
⚙️ End-to-end full-stack workflow – From frontend UI/UX to backend API design and deployment

🙌 Feedback and Contributions

I’d love your thoughts or suggestions!

If you find it helpful, a ⭐ on GitHub would mean a lot.

Feel free to fork, improve, or contribute via PRs.

📎 Links

🔗 GitHub Repo: https://github.com/Sabbirhossain97/EasyURL
🔗 Live Demo: https://www.easy-url.xyz

DEV Community: Sabbir Hossain