System Designer & Developer

CineMOB - Movie Tracker

TypeScriptReactFirebase
CineMOB - Movie Tracker

Tổng quan

Nền tảng quản lý phim ảnh cá nhân và khám phá điện ảnh thông minh tích hợp AI.

Vấn đề

Việc tìm kiếm phim phù hợp thường mất thời gian, và người dùng thiếu một công cụ trực quan để quản lý.

Giải pháp

Xây dựng ứng dụng PWA với kiến trúc Serverless qua Firebase. Tích hợp AI của OpenRouter.

Tính năng chính

Khám phá & Gợi ý

  • Tìm kiếm nâng cao với TMDB
  • AI đề xuất phim dựa trên sở thích
  • Random Picker cho Watchlist

Quản lý cá nhân

  • Quản lý Album & Bộ sưu tập
  • Theo dõi lịch phát sóng TV Show
  • Export dữ liệu ra file Excel (.xlsx)

Trải nghiệm người dùng

  • Hỗ trợ PWA
  • Giao diện Light/Dark mode tối giản
  • Biểu đồ thống kê thói quen xem phim

Phân tích dự án

Một giải pháp hiện đại giúp bạn dễ dàng theo dõi, quản lý bộ sưu tập phim và nhận gợi ý nội dung dựa trên sở thích cá nhân.

Công nghệ

frontend

React 19, TypeScript, Vite, Tailwind CSS v4

state

Zustand 5

backend

Firebase v12 (Auth, Firestore)

external

TMDB API, OpenRouter API

Xem mã nguồn