<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Ali Mohamed</title>
    <description>The latest articles on DEV Community by Ali Mohamed (@ali_mohamed).</description>
    <link>https://dev.to/ali_mohamed</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F2987113%2F787e8f21-484f-418b-8015-8bc61aab2b65.png</url>
      <title>DEV Community: Ali Mohamed</title>
      <link>https://dev.to/ali_mohamed</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/ali_mohamed"/>
    <language>en</language>
    <item>
      <title>Reviving Cineverse: From Local Storage to Firebase 🚀</title>
      <dc:creator>Ali Mohamed</dc:creator>
      <pubDate>Fri, 22 May 2026 16:54:47 +0000</pubDate>
      <link>https://dev.to/ali_mohamed/reviving-cineverse-from-local-storage-to-firebase-3jn7</link>
      <guid>https://dev.to/ali_mohamed/reviving-cineverse-from-local-storage-to-firebase-3jn7</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/github-2026-05-21"&gt;GitHub Finish-Up-A-Thon Challenge&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  What I Built
&lt;/h2&gt;

&lt;p&gt;I built &lt;strong&gt;Cineverse&lt;/strong&gt;, a cinematic movie discovery app powered by the &lt;a href="https://www.themoviedb.org/" rel="noopener noreferrer"&gt;TMDB API&lt;/a&gt;. It allows users to:&lt;/p&gt;

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

&lt;p&gt;The app is built with &lt;strong&gt;Flutter&lt;/strong&gt;, backed by &lt;strong&gt;Firebase Authentication&lt;/strong&gt; and &lt;strong&gt;Cloud Firestore&lt;/strong&gt;, and designed with a premium dark cinematic theme.&lt;/p&gt;

&lt;h2&gt;
  
  
  Demo
&lt;/h2&gt;

&lt;p&gt;🔗 &lt;strong&gt;GitHub Repository:&lt;/strong&gt; &lt;a href="https://github.com/Ali23102001/cineverse_app" rel="noopener noreferrer"&gt;github.com/Ali23102001/cineverse_app&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Key Features in Action
&lt;/h3&gt;

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

&lt;h2&gt;
  
  
  The Comeback Story
&lt;/h2&gt;

&lt;h3&gt;
  
  
  ❌ Before: The Abandoned Prototype
&lt;/h3&gt;

&lt;p&gt;Cineverse started as a basic Flutter project — a simple movie browsing app with:&lt;/p&gt;

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

&lt;p&gt;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.&lt;/p&gt;

&lt;h3&gt;
  
  
  ✅ After: The Finished Product
&lt;/h3&gt;

&lt;p&gt;When the GitHub Finish-Up-A-Thon Challenge dropped, I knew this was the one. Here's everything I changed:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;🔥 Firebase Authentication&lt;/strong&gt; — Completely replaced local storage auth with Firebase. Users can now sign up with Email/Password or Google Sign-In, with full email verification flow.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;☁️ Cloud Firestore Integration&lt;/strong&gt; — User profiles, favorites, and watchlists are stored in Firestore and sync across all devices in real-time.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;🛡️ Admin Dashboard&lt;/strong&gt; — Built a secure admin panel restricted by email-based role checking. Unauthorized users get automatically redirected to the home screen.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;🔧 Platform Fixes&lt;/strong&gt; — Resolved deep Android build crashes (&lt;code&gt;build.gradle.kts&lt;/code&gt;, &lt;code&gt;AndroidManifest.xml&lt;/code&gt;) and Web configuration issues that were preventing Firebase from initializing properly.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;🎨 Polished UI&lt;/strong&gt; — Refined the splash screen, navigation shell, and overall theme to feel premium and cinematic.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;📧 Email Verification Screen&lt;/strong&gt; — Added a dedicated verification flow so users can't access the app without confirming their email first.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;The app went from a broken prototype to a fully functional, cloud-synced movie discovery platform.&lt;/p&gt;

&lt;h2&gt;
  
  
  My Experience with GitHub Copilot
&lt;/h2&gt;

&lt;p&gt;GitHub Copilot was instrumental in finishing this project. Here's specifically how it helped:&lt;/p&gt;

&lt;h3&gt;
  
  
  🚀 Firebase Boilerplate
&lt;/h3&gt;

&lt;p&gt;Setting up &lt;code&gt;firebase_auth&lt;/code&gt;, &lt;code&gt;google_sign_in&lt;/code&gt;, and &lt;code&gt;cloud_firestore&lt;/code&gt; 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.&lt;/p&gt;

&lt;h3&gt;
  
  
  🔧 Platform Configuration Hell
&lt;/h3&gt;

&lt;p&gt;The hardest part of reviving Cineverse was fixing Android and Web platform configs. Copilot helped me:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Fix the &lt;code&gt;build.gradle.kts&lt;/code&gt; Kotlin DSL syntax for Firebase plugins&lt;/li&gt;
&lt;li&gt;Configure the correct &lt;code&gt;AndroidManifest.xml&lt;/code&gt; intent filters for Google Sign-In&lt;/li&gt;
&lt;li&gt;Set up &lt;code&gt;firebase_options.dart&lt;/code&gt; with the right project configuration&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  🛡️ Access Control Logic
&lt;/h3&gt;

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

&lt;h3&gt;
  
  
  🧭 Navigation &amp;amp; State Management
&lt;/h3&gt;

&lt;p&gt;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.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Bottom line:&lt;/strong&gt; 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.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F33tz23cdjlgfmhr7pi8l.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F33tz23cdjlgfmhr7pi8l.png" alt=" " width="800" height="800"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Built with ❤️ using Flutter, Firebase, and GitHub Copilot&lt;/em&gt;&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>githubchallenge</category>
    </item>
  </channel>
</rss>
