MovieSearcher

This project is a simple movie search application built with React. It uses the OMDB API to fetch movie data and display it in a user-friendly interface. The project serves as a learning exercise to expose myself to the React library and the basics of its core concepts that are commonly used.

Live Demo

Check out the live demo here.

Project Overview

Movie Searcher allows users to search for movies by title and view relevant details. The application fetches data from the OMDB API and displays it in a user-friendly interface.

Features

• Search Functionality: Users can search for movies by entering a title.
• Movie Details: Displays movie details such as title, year, and poster.

Learning Objectives

This project was created to gain practical experience with the following React concepts:

• Components: Understanding the building blocks of a React application.
• Props: Passing data between components.
• State: Managing the state within components using useState.
• Hooks: Utilizing React hooks like useState and useEffect.
• API: Fetching data from an external API using fetch.
• Environment Variables: Use of environment variables when deploying to Vercel.
• Deployment: Deploying the React application using Vercel.

Technologies Used

• React: JavaScript library for building user interfaces.
• OMDB API: API for fetching movie data.
• Vercel: Hosting and deployment.

Acknowledgements

• OMDB API for providing the movie data.
• Vercel for hosting the application.

Image

Main Page