Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/sanjay-kumar-r-a/moviesnow-

Developed a full-featured movie search application using React that integrates with the OMDB API. The application should allow users to search for movies, view detailed information
https://github.com/sanjay-kumar-r-a/moviesnow-

api axios css git github-config html javascript jsx netlify npm react redux tailwindcss

Last synced: 3 days ago
JSON representation

Developed a full-featured movie search application using React that integrates with the OMDB API. The application should allow users to search for movies, view detailed information

Awesome Lists containing this project

README

        

# [MOVIE SEARCHING APP]
The Movie Search Application is a React-based web app that allows users to search for movies, view detailed movie information, and filter results by type (movie, series, or episode) using the OMDb API.
The app also features a clean and responsive design styled with Tailwind CSS, enhanced user experience, and smooth navigation.

![Screenshot (225)](https://github.com/user-attachments/assets/31463212-c44e-4cf8-82fc-8a8aad267c2e)
![Screenshot (224)](https://github.com/user-attachments/assets/f909fe34-5cd9-490c-ba36-799d5dbf7f5c)

## Features

### 1.Search Movies

Users can search for movies by entering keywords in the search bar.

### 2.Movie Details

Clicking a movie displays a detailed view, including the title, genre, release year, plot, and cast.

### 3.Filters and Pagination

Dropdown filter to filter movies based on type (e.g., movies, series, episodes).

Pagination with page numbers and "Previous" / "Next" buttons.

### 4.Responsive Design

Fully responsive layout using Tailwind CSS for a modern and professional look.

### 5.Navigation

A "Back" button allows returning to the previous screen.

## Technologies Used
React: Framework for building the UI.

React Router: For page navigation.

Axios: For making HTTP requests to the OMDb API.

Tailwind CSS: For styling the app.

[OMDb API](https://www.omdbapi.com): The source of movie data.