惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

J
Java Code Geeks
Martin Fowler
Martin Fowler
MongoDB | Blog
MongoDB | Blog
博客园 - Franky
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
Microsoft Security Blog
Microsoft Security Blog
H
Hackread – Cybersecurity News, Data Breaches, AI and More
博客园_首页
腾讯CDC
D
Docker
The Cloudflare Blog
量子位
爱范儿
爱范儿
L
LangChain Blog
博客园 - 三生石上(FineUI控件)
博客园 - 司徒正美
aimingoo的专栏
aimingoo的专栏
Blog — PlanetScale
Blog — PlanetScale
Jina AI
Jina AI
Apple Machine Learning Research
Apple Machine Learning Research
Hugging Face - Blog
Hugging Face - Blog
博客园 - 聂微东
Vercel News
Vercel News
MyScale Blog
MyScale Blog

DEV Community

Authentication Security Deep Dive: From Brute Force to Salted Hashing (With Java Examples) Why AI Systems Don’t Fail — They Drift Spilling beans for how i learn for exam😁"Reinforcement Learning Cheat Sheet" I Replaced Chrome with Safari for AI Browser Automation. Here's What Broke (and What Finally Worked) How Python Borrows Other People's Work The $40 Architecture: Processing 1 Billion API Requests with 99.99% Uptime Vibe Coding: A Workflow Guide (From Zero to SaaS) Most webhook security guides protect the wrong side. The scary part is delivery. Headless CMS for TanStack Start: Build a Blog with Cosmic EU Age Verification App "Hacked in 2 Minutes" — What Actually Happened Comfy Cloud’s delete function does not actually remove files Running AI Models on GPU Cloud Servers: A Beginner Guide Event-driven media intelligence with AWS Step Functions and Bedrock I scored 500 AI prompts across 8 quality dimensions — here's what broke How to Call Google Gemini API from Next.js (Free Tier, No Backend Needed) The Portal Protocol: Reclaiming Human Connection in the Age of AI How to Fix Your Team's Scattered Knowledge Problem With a Self-Hosted Forum Intro to tc Cloud Functors: A Graph-First Mental Model for the Modern Cloud Designing Multi-Tenant Backends With Both Ownership and Team Access I Built a Neumorphic CSS Library with 77+ Components — Here's What I Learned PostgreSQL Performance Optimization: Why Connection Pooling Is Critical at Scale Cómo construí un SaaS multi-rubro para gestionar expensas en Argentina con FastAPI + Vue 3 🚀 I Built an Ethical Hacking Scanner Tool – Open Source Project I Replaced /usage and /context in Claude Code With a Single Statusline A Pythonic Way to Handle Emails (IMAP/SMTP) with Auto-Discovery and AI-Ready Design I Collected 8.9 Million Polymarket Price Points — Here's What I Found About How Markets Really Move EcoTrack AI — Carbon Footprint Tracker & Dashboard Everyone's Using AI. No One Agrees How. 5 self-hosted ebook managers worth trying in 2026 Building Your First AI Agent with LangChain: From Chatbot to Autonomous Assistant
Reviving Cineverse: From Local Storage to Firebase 🚀
Ali Mohamed · 2026-05-23 · via DEV Community

This is a submission for the GitHub Finish-Up-A-Thon Challenge

What I Built

I built Cineverse, a cinematic movie discovery app powered by the TMDB API. It allows users to:

  • 🎬 Browse trending and popular movies
  • 🔍 Search for any movie by title
  • 📖 View detailed movie info (ratings, overview, release date)
  • ❤️ Save favorites and manage a personal watchlist
  • 👤 Create an account and sync data across devices
  • 🛡️ Admin dashboard with role-based access control

The app is built with Flutter, backed by Firebase Authentication and Cloud Firestore, and designed with a premium dark cinematic theme.

Demo

🔗 GitHub Repository: github.com/Ali23102001/cineverse_app

Key Features in Action

Feature Description
🔐 Login & Register Email/Password + Google Sign-In via Firebase Auth
📧 Email Verification New users must verify their email before accessing the app
🏠 Home Screen Trending movies fetched live from the TMDB API
🔍 Search Real-time movie search with beautiful result cards
🎬 Movie Details Full movie info with backdrop images, ratings, and overview
❤️ Favorites & Watchlist Cloud-synced via Firestore — accessible from any device
👤 Profile User profile with sign-out and account management
🛡️ Admin Dashboard Restricted to admin email only, with automatic redirect for unauthorized users

The Comeback Story

❌ Before: The Abandoned Prototype

Cineverse started as a basic Flutter project — a simple movie browsing app with:

  • Local storage for everything (no cloud, no sync)
  • No real authentication system
  • No user accounts, favorites, or watchlists
  • Constant crashes on Android due to misconfigured build files
  • Just a skeleton that looked okay but didn't work as a real app

I abandoned it because the jump from "local prototype" to "production-ready app" felt overwhelming. Firebase configuration, platform-specific issues, authentication flows... it was too much to tackle at the time.

✅ After: The Finished Product

When the GitHub Finish-Up-A-Thon Challenge dropped, I knew this was the one. Here's everything I changed:

  1. 🔥 Firebase Authentication — Completely replaced local storage auth with Firebase. Users can now sign up with Email/Password or Google Sign-In, with full email verification flow.

  2. ☁️ Cloud Firestore Integration — User profiles, favorites, and watchlists are stored in Firestore and sync across all devices in real-time.

  3. 🛡️ Admin Dashboard — Built a secure admin panel restricted by email-based role checking. Unauthorized users get automatically redirected to the home screen.

  4. 🔧 Platform Fixes — Resolved deep Android build crashes (build.gradle.kts, AndroidManifest.xml) and Web configuration issues that were preventing Firebase from initializing properly.

  5. 🎨 Polished UI — Refined the splash screen, navigation shell, and overall theme to feel premium and cinematic.

  6. 📧 Email Verification Screen — Added a dedicated verification flow so users can't access the app without confirming their email first.

The app went from a broken prototype to a fully functional, cloud-synced movie discovery platform.

My Experience with GitHub Copilot

GitHub Copilot was instrumental in finishing this project. Here's specifically how it helped:

🚀 Firebase Boilerplate

Setting up firebase_auth, google_sign_in, and cloud_firestore involves a LOT of repetitive setup code. Copilot auto-completed entire authentication service methods — sign in, sign up, sign out, email verification — saving me hours of typing and documentation-checking.

🔧 Platform Configuration Hell

The hardest part of reviving Cineverse was fixing Android and Web platform configs. Copilot helped me:

  • Fix the build.gradle.kts Kotlin DSL syntax for Firebase plugins
  • Configure the correct AndroidManifest.xml intent filters for Google Sign-In
  • Set up firebase_options.dart with the right project configuration

🛡️ Access Control Logic

When I needed to restrict the Admin Dashboard to a specific admin email, Copilot immediately suggested the pattern: check FirebaseAuth.instance.currentUser?.email on screen load, and redirect unauthorized users using Navigator.pushReplacement. Clean and effective.

🧭 Navigation & State Management

Copilot helped me refactor the app's navigation from simple push/pop to a proper shell-based layout with a bottom navigation bar, ensuring smooth transitions between Home, Search, Favorites, Watchlist, and Profile screens.

Bottom line: Copilot turned what would have been a multi-week slog through Firebase docs into a focused, productive revival. It felt like pair-programming with someone who already knew the entire Firebase + Flutter ecosystem by heart.

Built with ❤️ using Flutter, Firebase, and GitHub Copilot