This is a React and TypeScript front-end application that connects to the Movie Database API and allows users to search for movies.
Search for movies by entering a query in the search input field. Display the first 20 results matching the search query. Each movie result includes an image, title, and description.
React TypeScript Movie Database API
To run this application locally, follow these steps:
- Clone the repository:
git clone <repository-url>- Navigate to the project directory:
cd movie-database-app- Install the dependencies:
npm install-
Set up your Movie Database API key. Rename the .env.example file to .env and replace the API_KEY value with your own API key.
-
Start the development server:
npm run dev- Open your browser and visit http://localhost:3000 to see the application.
The application requires a Movie Database API key to fetch movie data. You can obtain an API key by creating an account on the Movie Database website and following their API documentation.
This project is licensed under the MIT License.
Feel free to customize and use this application for your own purposes.
This application was built using React and TypeScript, styled with Tailwind and shadcn/ui. It relies on the Movie Database API for movie data. Special thanks to the developers and contributors of these technologies and APIs.