Movie Watchlist App 🎬

A sleek, responsive web application to search for movies, bookmark favorites, and get detailed information about them. The app is built with React and leverages the OMDb API for movie data. Users can search for movies, add them to a personalized watchlist, and view detailed information about each movie.

🚀 Live Demo

Check out the live version of the app here:
Movie Watchlist App

🎯 Features

• Search Movies: Users can search for movies by their title.
• Bookmark: Easily bookmark your favorite movies for later.
• Know More: Get detailed information about the movie, such as the year of release, plot summary, etc.
• Responsive Design: The app works on all screen sizes, ensuring a smooth experience on both mobile and desktop devices.

🛠️ Tech Stack

• Frontend: React (with React Router and Hooks)
• UI Framework: Material-UI (MUI) and Styled Components
• HTTP Client: Axios (for fetching data from the OMDb API)
• Styling: Tailwind CSS and Material UI for utility-first styling
• Deployment: Vercel (for quick and easy deployment)
• Icons: FontAwesome for various UI icons

🏗️ Installation & Setup

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/Vineet90x/Watchlist.git
   cd movie-watchlist-app
   

2. Install dependencies: Make sure you have Node.js and npm installed. Then, run:

   npm install
   

3. Create a .env file (optional if using your own OMDb API key): In the root directory of the project, create a .env file and add your OMDb API key:

   REACT_APP_OMDB_API_KEY=your_omdb_api_key_here
   

4. Run the app: Start the development server:

   npm run dev

The app will be available at http://localhost:5143.