Movie Watchlist is a web application that allows users to search for their favorite movies and TV series. Users can also access detailed information about the selected movie or series and save their favorites to a collection for easy tracking. Please note that this app does not provide movie playback functionality.
-
Live Search: As users type in the search input, the server fetches data from the OMDB server and displays the top 10 corresponding titles based on the search.
-
Top 10 Results: Users receive a list of the top 10 corresponding titles based on their search, making it easy to find what they're looking for.
-
Detailed Information: After selecting a movie, users can access a component that provides more detailed information about the chosen movie or series.
-
Favourites Collection: Users can add their selected movies to their favorites collection for future reference.
-
Sorted Collection: Inside the collection, users can view all of their saved films, which are sorted from the newest to the oldest.
This project is built using the following technologies and libraries:
- React + TypeScript: For building the front-end user interface and ensuring type safety.
- Tailwind CSS: A utility-first CSS framework for styling the application.
- React-Router-Dom: For handling client-side routing within the application.
- React-Toastify: A notification library for providing user feedback.
To get started with Movie Watchlist, follow these steps:
- Clone the repository to your local machine.
- Open a terminal and navigate to the project directory.
- Run the following command to install all the necessary packages:
npm install