Vue GIS

A GIS app built using Vue, Quasar and Leaflet

• Vue.js 3
• Quasar Framework
• Dexie JS
• Pinia
• VueUse
• Leaflet JS
• Tanstack Vue-Form
• Zod

Live Preview

Vue GIS App

Project Goals

• Create, Read, Update and Delete (CRUD) geo features.

• Persist features data using the Dexie js (web browser IndexedDB).

• Search for features by feature title or description.

• Import/Export data.

Project Reviews

• Project Review:

• Creating Features:

• Update and Deleteing Features:

• Form Validation:

• Filtering Features:

• Change Themes:

• Data Sync accross browser tabs:

• Data Export, Bulk Deleting and Data Import:

---

Install the dependencies

bun install

Start the app in development mode (hot-code reloading, error reporting, etc.)

bun run dev

Build the app for production

bun run build