image

FilmFetch

Description

FilmFetch is a React app that allows users to search for movies using the OMDb API (Open Movie Database). The FilmFetch App is a user-friendly platform for discovering and exploring movies. The app is built using JavaScript with the React library. It also uses CSS for styling.

Functionality

  • The app fetches movie data from the OMDb API using the fetch function and displays the results.
  • When the user enters a search term and clicks on the search icon, the app sends a request to the API with the search term and retrieves the matching movies.
  • The retrieved movies are displayed as cards using the MovieCard component.
  • The app initializes with a default search term ("Wonder Woman") and displays movies matching this term.
  • If no movies are found for the search term, it displays a message indicating "No movies found."

How to Run

To run FilmFetch on your machine, follow these steps:

  1. Clone the FilmFetch repository to your local machine using the following command: git clone https://github.com/marialee222/film-fetch-app.git
  2. Open a terminal or command prompt and navigate to the directory where you cloned the FilmFetch repository.
  3. Before running the app, install the necessary dependencies by running the following command: npm install
  4. Once the dependencies are installed, you can start the development server by running: npm start
  5. After the development server starts, open your web browser and navigate to: http://localhost:3000 to view the FilmFetch app. You should see the app running with the default search term ("Wonder Woman").
  6. Search for movies!

Roadmap of Future Improvements

Future improvements for FilmFetch include:

Allow users to filter search results by genre, year, rating, etc., to improve search precision.

Implement user authentication to allow users to create accounts and save their favorite movies or create watchlists.

Allow users to switch between languages dynamically based on their preferences.

Ensure the app is accessible to users with disabilities by following best practices for accessibility

Integrate with additional movie databases or APIs to enrich the app's content and provide more comprehensive movie information.

Tech Stack & Tools:

Results

Project background info goes here. Fusce laoreet ornare risus, et sollicitudin turpis viverra nec. Proin eu lacinia ipsum. Curabitur porta a mi sit amet iaculis.

30%

30% more lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ligula magna, posuere nec sollicitudin vel, dignissim a nisi. Maecenas porttitor imperdiet enim, a viverra elit commodo ac.

2.5X

2.5X more lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ligula magna, posuere nec sollicitudin vel, dignissim a nisi. Maecenas porttitor imperdiet enim, a viverra elit commodo ac.

60%

60% less lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ligula magna, posuere nec sollicitudin vel, dignissim a nisi. Maecenas porttitor imperdiet enim, a viverra elit commodo ac.

20K

20K lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ligula magna, posuere nec sollicitudin vel, dignissim a nisi. Maecenas porttitor imperdiet enim, a viverra elit commodo ac.

Client Testimonials

You can list client testimonials here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at erat vel quam cursus sagittis. Highlighted text example etiam volutpat ornare quam at cursus mi tristique sit amet.
Emily Doe, Project Lead at Company Lorem
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at erat vel quam cursus sagittis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In egestas est at lorem lacinia malesuada vel at arcu.
John Doe, Manager at Company Lorem

Need Help With Your Project?

Your website is often the central hub for your online presence. It's the place where potential customers can learn more about your products or services. A well-developed website provides a positive user experience, which is crucial for retaining visitors and converting them into leads.
Color Switcher