films-Folder

A Next.js project using the new app router, incorporating TypeScript, Tailwind CSS, and the TMDB API.

It has been deployed here.

Features

1. Main Screen

• Displays information about a randomly selected movie currently playing in theaters.
• Showcases a marquee of trending movies.

2. Search Screen

• Enables users to search for movies by name, providing a convenient way to discover specific titles.

3. Details Page

• Offers in-depth information about a selected movie, allowing users to delve into additional details.

Getting Started

To run the project locally, follow these steps:

1. Create a .env file in the root directory with your TMDB API token.

   TMDB_API_TOKEN=your_api_token_here
   

2. Install dependencies:

   npm install
   

3. Start the development server:

   npm run dev
   

Fonts

This project uses the Pleatures font.

To-Do List

• Implement proper pagination.
• Clean up the CSS.
• Integrate error handling.
• Add metadata, enhance SEO and accessibility.