Movie Discovery App

An online movie exploration platform designed for users to effortlessly search, access detailed movie information, and curate their personal collection of beloved films. The app seamlessly integrates data from the TMDB API to provide a rich cinematic experience.

Features

• Visually appealing and responsive user interface
• Top movies listed on the homepage
• Movie search by title
• Loading indicator for search results
• Detailed movie information including title, release date, runtime, and overview
• Integration with The Movie Database (TMDb) API

Environment Variables

To run this project, you will need to add the environment variable below to your .env file. You can find it in https://developer.themoviedb.org/reference/intro/authentication when you create an account.

VITE_API_TOKEN

Run Locally

Clone the project

  git clone hhttps://github.com/dapoadedire/hngx-stage-ii.git

Go to the project directory

  cd hngx-stage-ii 

Install dependencies

  npm install

Start the server

  npm run dev

The application should now be running at http://localhost:5173

Tech Stack

Client: React, React-query, React-Router, TailwindCSS

Server: TMDB API

Screenshots