PopcornPlus
cablemomo2027 · ส่วนตัว
สรุปโปรเจกต์
ภาพรวม
Popcorn_Plus คือแอปพลิเคชัน Flutter สำหรับค้นหาและติดตามภาพยนตร์และอนิเมะ โดยผสานระบบยืนยันตัวตนผ่าน Firebase และการดึงข้อมูลจาก TMDB API มาพร้อมอินเทอร์เฟซที่ออกแบบมาเพื่อการใช้งานบนมือถือโดยเฉพาะ
สรุป 30 วินาที
• ระบบค้นหาและแสดงรายละเอียดเนื้อหาแบบเรียลไทม์ • การล็อกอินที่ปลอดภัยผ่านอีเมลและ Google • โครงสร้างโค้ดที่รองรับการขยายระบบด้วย Backend Node.js และฐานข้อมูล MongoDB
เหมาะกับใคร
เหมาะสำหรับทีมพัฒนาที่ต้องการตัวอย่างโปรเจกต์ Full-stack ที่พร้อมนำไปปรับใช้ต่อ หรือธุรกิจด้านสื่อและบันเทิงที่ต้องการแพลตฟอร์มค้นหาเนื้อหาบนมือถือ
- หมวดหมู่
- Mobile Application
- ปี
- 2026
- ผู้ดูแลผลงาน
- cablemomo2027
รายละเอียดเพิ่มเติมรายละเอียดเชิงลึก
Popcorn_Plus เป็นแอปพลิเคชันมือถือที่พัฒนาด้วย Flutter ออกแบบมาเพื่อค้นหาและติดตามหนังหรืออนิเมะได้อย่างสะดวก พร้อมอินเทอร์เฟซที่ใช้งานง่ายบนมือถือ
แอปใช้ระบบยืนยันตัวตนผ่าน Firebase รองรับทั้งอีเมลและ Google Sign-in พร้อมจัดเก็บข้อมูลโปรไฟล์และการตั้งค่าของผู้ใช้งานอย่างปลอดภัย
ข้อมูลหนังและอนิเมะดึงมาจาก TMDB API โดยมี Backend เสริมพัฒนาด้วย Node.js, Express และ MongoDB เพื่อรองรับการขยายระบบในอนาคต
เอกสารต้นฉบับรายละเอียด (README)
Popcorn_Plus
ภาษาไทย
Popcorn_Plus เป็นแอป Flutter สำหรับค้นหาและติดตามหนัง/อนิเมะ ออกแบบ UI ให้ใช้งานง่ายบนมือถือ พร้อมระบบล็อกอินด้วย Firebase และดึงข้อมูลหนังจาก TMDB
ฟีเจอร์
- ค้นหาและสำรวจหนัง/อนิเมะ
- หน้ารายละเอียดหนังและผลการค้นหา
- ระบบล็อกอิน Firebase (อีเมล/Google)
- หน้าข้อมูลโปรไฟล์และการตั้งค่า
เทคโนโลยี
- Flutter (Dart)
- Firebase (Auth, Firestore)
- TMDB API
- Node.js/Express (Backend เสริมใน
movie-api)
โครงสร้างโปรเจ็กต์
lib/โค้ด Flutterassets/รูปและไอคอนmovie-api/Backend เสริม (Node.js + MongoDB)
เริ่มใช้งาน (Flutter)
flutter pub getflutter run
เริ่มใช้งาน (API)
cd movie-apinpm install- สร้างไฟล์
.envโดยกำหนด:MONGODB_URITMDB_KEY
npm run dev
หมายเหตุ
- ห้าม commit ไฟล์
.env - หากตั้งค่า Firebase ใหม่ ให้แก้ที่
lib/firebase_options.dart
English
Popcorn_Plus is a Flutter app for discovering movies and anime with a clean, mobile-first UI. It integrates Firebase authentication and uses TMDB data for movie discovery and details.
Features
- Movie and anime discovery
- Search with results and detail views
- Firebase authentication (email and Google sign-in)
- Profile and settings screens
Tech Stack
- Flutter (Dart)
- Firebase (Auth, Firestore)
- TMDB API
- Node.js/Express (optional backend in
movie-api)
Project Structure
lib/Flutter app sourceassets/images and iconsmovie-api/optional backend API (Node.js + MongoDB)
Quick Start (Flutter)
flutter pub getflutter run
Quick Start (API)
cd movie-apinpm install- Create
.envwith:MONGODB_URITMDB_KEY
npm run dev
Notes
- Do not commit
.envfiles. - Update Firebase configuration in
lib/firebase_options.dartif needed.
ถาม AI เกี่ยวกับ PopcornPlus
ถามแนวทาง เทคโนโลยี หรือความเหมาะสมของโปรเจกต์นี้กับไอเดียของคุณ
กำลังโหลดแชท / Loading chat…