sanshigo345 / react-movie-series-database

Movie - Series Database App

This project developed for users tı list and view details of movies/series.

Getting Started

Follow these steps to set up and run the application:

Prerequisites

Ensure you have Node.js and npm installed on your system.

Installation

Install the required dependencies by running the following command:

• npm install

Usage

To start the development server, run:

• npm run dev

Features

• Table/Grid View: Movies are displayed in a table/grid format. Essential columns include name, release date, and IMDb ID of the movie.

• Pagination: Implemented pagination to display 10 movies per page, ensuring smooth navigation through the movie list.

• Search Functionality: A search feature allows users to find movies by name. The application behaves as if "Pokemon" is searched by default when initially opened.

• Filter by Release Year: Users can filter and view movies released in a specific year, enhancing browsing options and allowing users to explore movies by release date.

• Filter by Content Type: Users have the option to filter their search results to only display movies, TV series, or TV series episodes, providing flexibility in content exploration based on user preferences.

• Movie Details Page: Clicking on a movie redirects the user to another page dedicated to viewing detailed information about the movie.

Technologies Used

• React: React is a JavaScript library for building user interfaces. It offers a component-based architecture and declarative syntax, making it easier to develop interactive UIs.

• Git: Git is a distributed version control system used for tracking changes in source code during software development. It facilitates collaboration among team members and enables efficient code management.

• TypeScript: TypeScript is a superset of JavaScript that adds static typing to the language. It helps catch errors early during development and improves code maintainability and scalability.

• Redux: Redux is a predictable state container for JavaScript apps, commonly used with React for managing application state in a single, centralized store. It provides a clear and consistent way to manage application state, making it easier to debug and test.

• OMDb API: The OMDb API is a RESTful web service to obtain movie information, including details such as title, release date, genre, cast, and ratings. It is commonly used in applications to fetch movie data and display it to users.

• Tailwind CSS: Tailwind CSS is a utility-first CSS framework that provides a set of pre-designed utility classes to style HTML elements. It offers a flexible and customizable approach to styling web applications, enabling rapid development and consistent design patterns.