Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/sanjay-kumar-r-a/moviesnow-
- Owner: Sanjay-Kumar-R-A
- Created: 2024-12-27T16:06:23.000Z (11 days ago)
- Default Branch: main
- Last Pushed: 2024-12-27T16:51:30.000Z (11 days ago)
- Last Synced: 2025-01-04T19:14:17.146Z (3 days ago)
- Topics: api, axios, css, git, github-config, html, javascript, jsx, netlify, npm, react, redux, tailwindcss
- Language: JavaScript
- Homepage: https://moviesnownsk.netlify.app/
- Size: 116 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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.