{"repo":"waseembarcha/vuejs-crud","free":true,"listed":false,"github":"https://github.com/waseembarcha/vuejs-crud","clone":"git clone https://github.com/waseembarcha/vuejs-crud.git","description":"A simple CRUD application built with Vue 3, Vite, and Firebase Firestore, this app allows you to create, read, update, and delete products with real-time synchronization across multiple devices. Perfect for learning modern Vue 3 development, Firestore integration, and building scalable web applications.","language":"JavaScript","stars":144,"topics":["vuejs","firebase","firestore-database","vue3","vuejs2"],"license":null,"category":"databases-storage","readme_excerpt":"Product Manager - Vue 3 Edition A modern CRUD application for managing products, built with Vue 3 , Vite , and Firebase Firestore . Features - ✨ Vue 3 with Composition API - ⚡ Vite for fast development and optimized builds - 🔥 Firebase Firestore for real-time database - 🎨 Bootstrap 5 for responsive UI - 📱 Fully responsive design - 🛠️ Modern ES modules Prerequisites - Node.js = 14.0.0 - npm = 6.0.0 Installation 1. Clone the repository: 2. Install dependencies: Development Start the development server: The application will be available at http://localhost:5173 Building for Production Create an optimized production build: Preview the production build: Project Structure Key Changes from Vue 2 Dependency Upgrades - Vue : 2.5.2 → 3.3.0 - Vue Router : 3.0.1 → 4.2.0 - Firebase : 4.12.1 → 10.0.0 (with modern modular API) - Bootstrap : 4.5.0 → 5.3.0 Build Tool Migration - Webpack → Vite (significantly faster development server) Component Syntax - Updated to use Vue 3 syntax - Replaced Options API with Composition API - Updated template directives to Vue 3 standards Firebase Integration - Migrated from AngularFire to Firebase SDK v9+ modular API - Extracted Firebase calls into a dedicated productService.js - Improved error handling with try-catch blocks Router Updates - Updated to Vue Router 4 API - Changed from new Router() to createRouter() - Updated RouterView and RouterLink components UI Improvements - Bootstrap 5 data attributes (e.g., data-bs-toggle instead of data-toggle ) - ","default_branch":null,"files":null,"tree":[],"storefront":"/r/waseembarcha","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/waseembarcha/vuejs-crud/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}