Portfolio Details
Project Information
- Project Type:Frontend Web Development
- Project date: 01 March, 2024
- Project URL: https://movie-app-three-khaki-71.vercel.app/
Project Overview
Movie Watchlist App is a full-stack web application that allows users to discover movies, search by title, filter by genre, and create a personalized watchlist. The application provides a clean and responsive user interface with real-time movie data and an intuitive user experience.
A full-stack MERN application that enables users to discover movies, search by title, filter by genres, and manage a personalized watchlist. Built with React, Node.js, Express, and MongoDB, the project demonstrates API integration, state management, responsive UI design, and full-stack deployment using Vercel.
Key Features
Responsive Design
Tech Stack: React, Node.js, Express.js, MongoDB, JavaScript, CSS, Axios, Vercel.
Project Highlights
Designed and developed the user interface using React, Integrated external movie APIs to fetch and display movie information, Implemented search and filtering functionality, Built watchlist management features with state management, Connected frontend and backend services, Deployed the application and managed production builds.
Key Features
Search movies by title, Browse popular and trending movies, Filter movies by genre, Add movies to a personal watchlist, Remove movies from the watchlist, Responsive design for desktop and mobile devices, Pagination for efficient browsing, Dynamic movie posters and release date display, Real-time data fetching from a movie database API
Learning Outcomes
Through this project, I strengthened my understanding of:React component architecture,State management and data flow, REST API integration, Full-stack application deployment, Responsive web design principles, Debugging and performance optimization