Skip to content

TMDB frontend with Next.js, TypeScript and Tailwind, using the app router.

Notifications You must be signed in to change notification settings

63r6o/films-folder

Repository files navigation

films-Folder films-folder-logo

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. main-screen

2. Search Screen

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

3. Details Page

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

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.