Vue Notes App

A notes app built using:

• Vue.js 3
• Quasar Framework
• Pinia
• VueUse
• Vue-multiselect

Live Preview

Vue Notes App

Project Goals

• Create, Read, Update and Delete (CRUD) notes.

• Create, Read, Update and Delete (CRUD) note tags.

• Link notes by tags.

• Persist Notes and Tags using the localStorage API.

• Search for notes by note title or content.

To get started with this project

• Clone the repository: git clone https://github.com/MoustafaShaaban/Vue_Notes_App.git

• Change directory to Vue_Notes_App directory cd Vue_Notes_App

• Install the packages npm install

• Run the development server npm run dev

• Open the web browser and go to http://localhost:5173/ to see the results.

Vue 3 + Vite

This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.

Recommended IDE Setup

• VS Code + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).