React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refres

Demo

https://imdb-clone-sau1606.netlify.app/

IMDB Clone

This is a simple IMDB clone project built using React.js and Tailwind CSS. The application allows users to view popular movies, add movies to a watchlist, and remove movies from the watchlist. It fetches movie data from the TMDB API.

Features

• Display a list of popular movies
• Add movies to the watchlist
• Remove movies from the watchlist
• Store the watchlist in local storage

Getting Started

These instructions will help you set up the project on your local machine for development and testing purposes.

Prerequisites

Make sure you have the following installed:

• Node.js (v14 or higher)
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/sau1606/imdb-clone.git

2. Navigate to the project directory:

• cd imdb-clone

3. Install the dependencies:

• npm install

4. Running the Application

• To run the application in development mode, use the following command: -- npm run dev

Contributing:

Contributions are welcome! If you find any bugs or want to add new features, feel free to open an issue or submit a pull request.

• Fork the repository
• Create a new branch (git checkout -b feature-branch)
• Commit your changes (git commit -m 'Add new feature')
• Push to the branch (git push origin feature-branch)
• Open a pull request

Acknowledgements

• TMDB API
• React.js
• Tailwind CSS

Gallery

Directory Structure

│
├── public/
├── src/
│   ├── components/
│   │   ├── Banner.jsx
│   │   ├── MovieCard.jsx
│   │   ├── Movies.jsx
│   │   ├── Navbar.jsx
│   │   ├── Pagination.jsx
│   │   └── Watchlist.jsx
│   ├── App.js
│   ├── index.js
│   └── styles.css
├── .gitignore
├── package.json
├── README.md
└── tailwind.config.js