An open API service indexing awesome lists of open source software.

https://github.com/yosephdev/movie-finder-app

A simple web application for searching and viewing movie details using the TMDb API.
https://github.com/yosephdev/movie-finder-app

Last synced: about 1 year ago
JSON representation

A simple web application for searching and viewing movie details using the TMDb API.

Awesome Lists containing this project

README

          

# Movie Finder App

A simple web application for searching and viewing movie details using the TMDb API. It was part of the Altcademy ReactJS Development course.

![Screenshot](screenshot.png)

## Table of Contents

- [Movie Finder App](#movie-finder-app)
- [Table of Contents](#table-of-contents)
- [Features](#features)
- [Getting Started](#getting-started)
- [Prerequisites](#prerequisites)
- [Installation](#installation)
- [Clone the repository](#clone-the-repository)
- [Navigate to the project directory](#navigate-to-the-project-directory)
- [Install project dependencies](#install-project-dependencies)
- [Create a .env file with your TMDb API key](#create-a-env-file-with-your-tmdb-api-key)
- [Start the development server](#start-the-development-server)
- [After running the above commands, open your web browser and](#after-running-the-above-commands-open-your-web-browser-and)
- [You can search for movies, view their details, and even watch trailers if available.](#you-can-search-for-movies-view-their-details-and-even-watch-trailers-if-available)

## Features

- Search for movies by title
- View detailed information about a specific movie
- Play movie trailers (if available)

## Getting Started

### Prerequisites

Before you begin, ensure you have met the following requirements:

- Node.js and npm installed on your machine.

### Clone the repository
git clone https://github.com/yosephdev/movie-finder-app.git

### Navigate to the project directory
cd movie-finder-app

### Install project dependencies
npm install

### Create a .env file with your TMDb API key (replace your-tmdb-api-key with your actual TMDb API key)
echo -n "REACT_APP_API_KEY=your-tmdb-api-key" > .env

### Start the development server
npm start

### After running the above commands, open your web browser and visit http://localhost:3000 to access the Movie Finder App.