IMDB Clone using React.js

This is a very simple front-end IMDB clone built with React JS. It uses react-loading-skeleton, react-responsive-carousel, and plain CSS for styling. The app has a skeleton loading effect and three sections for Popular, Top Rated, and Upcoming movies. It utilises tmdb api for fetching information.

Untitled.video.-.Made.with.Clipchamp.mp4

Getting Started

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

Clone and setup the repository to your local machine using the following command:

- git clone https://github.com/utk145/React-IMDB-Clone-easy.git
- npm install --legacy-peer-deps

References for components

https://www.npmjs.com/package/react-responsive-carousel https://developers.themoviedb.org/3/getting-started/introduction https://www.npmjs.com/package/react-loading-skeleton

Dependencies

{
  "dependencies": {
    "@testing-library/jest-dom": "^5.16.1",
    "@testing-library/react": "^12.1.2",
    "@testing-library/user-event": "^13.5.0",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-loading-skeleton": "^2.2.0",
    "react-responsive-carousel": "^3.2.22",
    "react-router-dom": "^6.2.1",
    "react-scripts": "5.0.0",
    "web-vitals": "^2.1.4"
  }
}

To avoid merge or version conflicts of react

Try:

• npm i --legacy-peer-deps
• npm i --force

Disclaimer

Please note that I do not own IMDB or any of its affiliated entities. This code has been created solely for educational purposes and is not intended for commercial use or distribution. Any use of this code is at your own risk, and I am not responsible for any damages or consequences that may arise from its use. Furthermore, I make no guarantees or warranties regarding the accuracy or completeness of the code, and I shall not be liable for any errors or omissions in the code or any loss or damage of any kind arising from or in connection with the use of the code.

Click to check it out

Todo

• Make the app responsive for smaller devices

Keep Codin' :)