TMDB Cards

This project was setup using Vite + React. The project shows 20 trending movies of the day by default and allows user to search throughout the TMDB for other movies as well.

Table of Contents

• Demo
• Features
• Getting Started
  • Prerequisites
  • Installation
• Technologies Used

Demo

Here is the link to checkout the live demo.

Features

• View trending movies of the day
• Search for movies by title
• Click on a movie to view details
• Toggle between light and dark mode

Getting Started

Prerequisites

• Node.js and npm (Node Package Manager) installed

Installation

1. Clone the repository:

   git clone https://github.com/bloodmonk7/tmdb-cards.git
   cd tmdb-cards
   

2. Install dependencies by running the following command:

   yarn
   

3. Usage

   • Obtain an API key from The Movie Database (TMDb) and replace value of MY_KEY in MovieList.jsx with your API key or create a .env file in global scope(same level as node_modules) and add your API key as:

   VITE_API_KEY=API_KEY_VALUE
   

4. Start the development server:

   yarn dev or yarn run dev

Technologies Used

• React
• Fetch API for data retrieval
• Tailwind CSS for styling
• The Movie Database (TMDb) API for movie data