Project Gamma

Overview

Project Gamma is a Vue.js application integrated with Firebase for real-time data synchronization and authentication.

Key Features

• Vue 3 Composition API — Modern reactive patterns
• Firebase Firestore — Real-time database
• Firebase Auth — Google and email authentication

Technical Highlights

The real-time sync capability was the most interesting part of this project. Firebase’s Firestore made it straightforward to implement live updates across clients.

<script setup>
import { ref, onMounted } from 'vue';
import { collection, onSnapshot } from 'firebase/firestore';

const items = ref([]);

onMounted(() => {
  onSnapshot(collection(db, 'items'), (snapshot) => {
    items.value = snapshot.docs.map(doc => ({
      id: doc.id,
      ...doc.data()
    }));
  });
});
</script>