Back to Projects
Full Stack

Movielify

A user-friendly website for exploring movies, viewing movie details, adding movies and deleting movies while managing user favorites.

Movielify

About This Project

Movielify is a user-friendly movie portal built with the MERN Stack (MongoDB, Express.js, React.js, Node.js). It simplifies exploring movies, viewing details, adding movies, and managing user favorites. Features include a banner with top movie slides, detailed movie pages with favorite functionality, and a user dashboard for viewing favorite movies, all designed for a seamless user experience.

Key Features

  • Beautiful slides showcasing top movies on the banner.
  • Explore Details button navigates logged-in users to the movie detail page for more information.
  • Add to Favorite and Remove buttons on movie details section to manage favorite movies.
  • Add Movie section for users to input their favorite movie details.
  • My Favorite section to view all movies marked as favorites by the user.

Future Improvements

  • Improve detail page UI for a more interactive experience.
  • Add multi-language support for a more diverse user base.
  • Optimize loading times for data-heavy sections of the app.

Want to know more?

Dive into the full project overview with detailed features, pages overview, json data structure and installation steps here:

View Project Readme.md

Tech Stack

ReactTailwind CSSDaisy UiFireBaseSwiper.jsReact Hook FormReact Star RatingSweetAlertNode.JsExpress.JsMongoDB

Project Links