Project Overview

Cinemento is a movie logging application that helps users track their watching history and discover new films. It integrates with the TMDB API to provide comprehensive movie information.

Key Features

// MDXのコンテンツ
import MdxContent from "./page.mdx";
// MDX内のexportしたオブジェクトをimport
import { meta } from "./page.mdx"
 
// syntax hightlight用 CSS
import "prismjs/themes/prism-tomorrow.css";
 
export default async function Page() {
  return (
    <article>
      <div>{meta.title}</div>
      <div>{meta.author}</div>
      <MdxContent />
    </article>
  )
}

export $PATH

Movie Tracking

• Create your movie watching log
• Record watched dates and personal ratings
• Write and manage reviews
• Track your watching stats

Movie Discovery

• Browse trending and popular movies
• Search with filters (genres, years, ratings)
• Get personalized recommendations
• See detailed movie information

{
  "@mdx-js/loader": "^3.1.0",
  "@mdx-js/react": "^3.1.0",
  "@next/mdx": "^15.3.2",
}

Technical Implementation

• Next.js App Router
• TMDB API integration
• Responsive design with Tailwind CSS
• TypeScript for type safety

Development Process

The project focused on creating an intuitive and efficient movie logging experience:

• Clean and minimal UI design
• Fast search and filtering
• Efficient data caching
• Mobile-first approach

Future Enhancements

• Social features for sharing reviews
• Advanced statistics dashboard
• Watchlist management
• Multiple API integrations