The Movie Catalog React Application is a responsive web application designed to elegantly display a curated list of 100 movies. Utilizing React.js, Redux for state management, and Tailwind CSS for styling, this application seamlessly showcases detailed information and images for each film, ensuring an immersive browsing experience across both desktop and mobile browsers.
- Movie Display: The application presents a comprehensive list of 100 movies, complete with images and detailed information such as title, language, country, and genre.
- Responsive Design: Leveraging Tailwind CSS, the interface is optimized for responsiveness, dynamically adjusting its layout and styling to provide an optimal viewing experience on various screen sizes and devices.
- Filtering Functionality: Users can filter movie selections based on Language, Country, or Genre, allowing them to narrow down the list and find films that match their preferences.
- State Management with Redux: Redux is used for state management, providing a centralized store for managing application state and enabling efficient data flow between React components.
To run the application locally, follow these steps:
- Clone the Repository:
git clone https://github.com/singhal0306/movie-catalog-react.git
- Navigate to the Project Directory:
cd movie-catalog-react - Install Dependencies:
npm install
- Start the Development Server:
npm start
- Open the Application: Visit http://localhost:3000 in your web browser to view the application.
