https://github.com/carloss765/movie-search-engine

🎬 Movie Searcher with React and Tailwind CSS 🎬 Welcome to my Movie Finder project! This web application, developed with React and styled with Tailwind CSS, allows you to search for movies and view details such as title, synopsis, rating and poster.
https://github.com/carloss765/movie-search-engine

api html5 javascript react tailwindcss

Last synced: 2 months ago
JSON representation

🎬 Movie Searcher with React and Tailwind CSS 🎬 Welcome to my Movie Finder project! This web application, developed with React and styled with Tailwind CSS, allows you to search for movies and view details such as title, synopsis, rating and poster.

• Host: GitHub
• URL: https://github.com/carloss765/movie-search-engine
• Owner: carloss765
• Created: 2025-02-07T23:20:35.000Z (4 months ago)
• Default Branch: master
• Last Pushed: 2025-02-07T23:32:58.000Z (4 months ago)
• Last Synced: 2025-04-05T08:42:42.557Z (2 months ago)
• Topics: api, html5, javascript, react, tailwindcss
• Language: JavaScript
• Homepage: https://github.com/carloss765/Movie-Search-Engine.git
• Size: 54.7 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 🎬 Movie Search App with React and Tailwind CSS 🎬

Welcome to my **Movie Search App** project! This web application, built with **React** and styled with **Tailwind CSS**, allows you to search for movies and view details such as the title, synopsis, rating, and poster. It uses the **The Movie Database (TMDb) API** to fetch up-to-date movie information.

## Key Features

- 🔍 **Real-time search**: Find movies by title.

- 🎥 **Movie details**: Displays the poster, synopsis, and rating.

- 🖼️ **Modern and responsive design**: Attractive interface that adapts to any device.

- ⚡ **Optimized performance**: Thanks to **Vite** and **React**, the app is fast and efficient.

## Technologies Used

- **React**: For building the user interface.

- **Tailwind CSS**: For quick and customizable styling.

- **Vite**: As a fast and modern development environment.

- **The OMDb API**: To fetch up-to-date movie data.

## Screenshots

![image](https://github.com/user-attachments/assets/d09dc417-0dc7-46c2-af5b-5172ef7b3d27)

*Main screen*

![image](https://github.com/user-attachments/assets/b717b06b-76ac-4c9c-a6d7-edc4c0d00f89)

*Search*

## Installation and Usage

1. Clone the repository:

   ```bash

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