Skip to content

Latest commit

 

History

20 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 

Repository files navigation

🎬 Movie Watchlist App

Deployed Live Demo-> https://movie-app-react-ts-tailwind-css.netlify.app

Overview/ Description

The Movie Watchlist App is a dynamic web application that allows users to browse a collection of movies, search by title or director, filter by genre, and save their favorite movies to a personal watchlist.

The app uses localStorage to persist data, ensuring that the watchlist remains available even after a page refresh.

Features
• Display all movies on initial load
• Real-time search by movie title or director
• Filter movies by genre
• Add movies to a personal watchlist
• Remove movies from the watchlist
• Watchlist persists using localStorage
• Total runtime calculation (hours & minutes)
• “No results” message when no movies match filters

Built With
• React (useState, useEffect)
• JavaScript (ES6)
• Tailwind CSS (for styling)
• localStorage API
• TypeScript

About

A movie catalogue app where users can browse films, search by title or director, filter by genre, and save movies to a personal watchlist that persists after refresh.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages