Movie app

Inspiration

The React movie app was inspired by my desire to create a simple yet powerful tool for movie enthusiasts to explore and discover films. Leveraging the capabilities of the OMDB API, the project aimed to provide a user-friendly interface for searching and managing a personal collection of favourite movies.

What it does

The app allows users to search for movies using the OMDB API, which provides a vast database of movie information. Users can view a list of movies based on their search and can add or remove movies from their favourite list. The favourites are stored locally, enabling users to keep track of the movies they love.

How I built it

The app was built using React.js, a popular JavaScript library for building user interfaces. The useState and useEffect hooks were employed to manage the state and side effects within the app. The OMDB API was integrated to fetch movie data based on user searches. Components like MovieList, SearchBox, and AddFavourites were created to modularize the app and enhance maintainability.

Challenges I ran into

One of the main challenges was handling the asynchronous nature of API requests and ensuring that the state updates correctly when the data is received. Additionally, managing local storage to persist the user's favourites across sessions required careful state management.

Accomplishments that I'm proud of

I am proud of creating a functional and visually appealing movie app that provides a seamless user experience. The app's ability to interact with an external API and manage local data effectively showcases the power of React's hooks and the simplicity of the design.

What I learned

Throughout the development process, I learned more about React's best practices, including component-based architecture and hooks for state management. I also gained experience in working with APIs and handling JSON data, as well as improving my skills in local storage manipulation.

What's next for the Movie app

The next steps for the movie app include adding more features such as categorization of movies by genre, user authentication to allow for personalized lists across devices, and perhaps social sharing capabilities. I also plan to refine the UI/UX to make the app even more engaging and user-friendly.

Built With

• omdbapi
• react