FilmFlex

Preview Link

https://rashen33.github.io/movie-app-react/

Login Screen (updated: Oct. 28th)

Description

FilmFlex is a user-friendly movie app designed for searching and managing favorite movies. It utilizes React.js for the frontend to enhance the user interface, implements Tailwind CSS for responsive and visually appealing design, and integrates The OMDb API for accessing movie information.

Key Features

• Movie Search: Allows users to search for any movie.
• Favorite Management: Enables users to add and remove movies from their favorites.
• User-friendly Interface: Offers an intuitive and easy-to-navigate user interface.
• Updated UX Includes:

• Consistent Dark Mode throughout app
• Medium Blue is used as a secondary color to differentiate from other media competitors.
• Users Navigation Include: Trending Movies, Favorites, & Account Details
• Users can view where to stream the movie, read other user reviews, & other basic details regarding the film

Development

• Developed the frontend using React.js, ensuring a responsive and dynamic user experience.
• Implemented Tailwind CSS for a sleek and visually appealing design.
• Integrated The OMDb API to fetch movie data, enhancing the app's functionality.

Impact

• Created a functional movie app that simplifies movie searching and favorite management for users.
• Enhanced my skills in React.js, Tailwind CSS, and API integration.
• Demonstrated the ability to build user-centric web applications.

Tech Stack

• React.js
• Tailwind CSS
• The OMDb API

UI