Movie Watchlist App UI Preview

Movie Watchlist React.js App

A simple yet powerful app to manage your movie watchlist, built with React.js

Movie Watchlist helps you keep track of movies you want to watch, with an intuitive and engaging UI. Add movies to your list, track watched movies, and remove entries easily—all while leveraging localStorage to save your progress.

Features:

  • Add movies to your watchlist with one click
  • Mark movies as "watched" or remove them
  • Responsive design optimized for desktop and mobile
  • Persistent state management with localStorage
  • Interactive particle background using Particles.js

What I Learned:

This project enhanced my skills in React state management, using useContext for global state, and managing persistent data with localStorage. I also practiced building reusable components and adding interactive design elements with Particles.js.

Technical Highlights:

  • Used React hooks (useState, useEffect) for real-time updates
  • LocalStorage integration for data persistence
  • Interactive particle effects with Particles.js for dynamic backgrounds
  • Optimized UI for responsive viewing and ease of use