Film Finder Project

Film Finder is a simple gamified UI & static web application that renders a random movie based on a genre selected by the user. It is built using HTML, CSS, JavaScript and deployed on Netlify.

Features

• Search for movies by genre
• Display movie details such as title, description and image
• Responsive design for use on various devices

Tech Stack

• JavaScript: Handles the logic and API calls.
• CSS: Styles the application to provide a visually appealing interface.
• HTML: Structures the web pages and forms the foundation of the application.

Getting Started

To get a local copy up and running follow these simple steps:

Prerequisites

You need to have a web browser installed on your machine.

Installation

1. Clone the repo:

   git clone https://github.com/your-username/film-finder.git

2. Navigate to the project directory:

   cd film-finder

3. Open the index.html file in your web browser to view the application.

Usage

1. Open the Film Finder application in your web browser.
2. Click the "Let's PLay!" button to retrieve a random movie.

Project Structure

Sure! Below is the updated README.md file that reflects the revised project structure with the public folder containing helper.js, script.js, and style.css.

markdown Copy code

Film Finder

Film Finder is a web application that allows users to search for movies and get information about them. It is built using HTML, CSS, and JavaScript.

Features

• Search for movies by title
• Display movie details such as release date, rating, synopsis, and more
• Responsive design for use on various devices

Tech Stack

• JavaScript: Handles the logic and API calls.
• CSS: Styles the application to provide a visually appealing interface.
• HTML: Structures the web pages and forms the foundation of the application.

Getting Started

To get a local copy up and running follow these simple steps:

Prerequisites

You need to have a web browser installed on your machine.

Installation

1. Clone the repo:

   git clone https://github.com/your-username/film-finder.git

2. Navigate to the project directory:

   cd film-finder

3. Open the index.html file in your web browser to view the application.

Usage

1. Open the Film Finder application in your web browser.
2. Use the search bar to enter the title of a movie you want to find.
3. Click the "Search" button to retrieve movie details.
4. Browse through the search results to find information about your selected movie.

Project Structure

film-finder/

• public/
  -- helper.js # JavaScript helper functions
  -- script.js # Main JavaScript logic
  -- style.css # CSS styles
  
• index.html # Main HTML file