Movies Search App 🎭

A responsive React application built using React, Redux, and SCSS that allows users to search for movies by actor's name and genre. It leverages TMDB API 🔗 endpoints to fetch movie data. This README provides instructions on how to set up and run the app and also covers running test cases.

Deployment Link 🔗

Table of Contents

• Features
• Installation
• Usage
• Testing
• Frontend Libraries
• Prerequisites
• Screenshots
• License

Features 🏆

• Project setup with Redux state management
• Search by actor & genre functionality
• Responsive web app across different screen resolutions
• Beautiful UI along with wonderful animations & transitions
• Performance optimisation techniques like throttling API requests employed
• Covered by unit test cases.
• Automatic deployment pipeline setup

Installation 💿

👉🏼 Clone this repository to your local machine:

git clone https://github.com/chiraag918/movie-search-app.git

👉🏼 Navigate to the project directory:

cd movie-search-app

👉🏼 Install the required dependencies:

npm install

👉🏼 Build using:

npm run build

Usage 🍽️

👉🏼 Start the app using:

npm start

Open your browser and visit http://localhost:3000 to access the app.

Testing 📝

👉🏼 Test the app using:

npm run test

All the test cases will run and the report will be shown on the terminal.

Frontend Libraries 🖼️

React JS(UI), Redux, sass, npm

Prerequisites

For local developments, the application requires NodeJS (version 18 and above). To make sure this is available on the local machine, try running the following command:

$ node --version
v18.x.x

Include .env file in the root level with the following contents:

REACT_APP_MOVIES_API_URL = "https://api.themoviedb.org"
REACT_APP_MOVIES_API_KEY = "69095fdcd1010ebcc6b1fa56f2537602"
REACT_APP_MOVIES_IMG_URL = "https://image.tmdb.org/t/p/"

Screenshots/ Screen Recordings 📸

Desktop:

Tablet:

Mobile:

License

MIT