Vue JS Portfolio

1. Vue GIS App

2. Vue Notes App

---

Vue GIS

Project Goals

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

• Persist features data using the JavaScript localStorage API.

• Search for features by title or description.

Live Preview

Vue GIS

How to run this project

1. Clone the repository

    git clone https://github.com/MoustafaShaaban/Vue-GIS.git
   

2. Change directory to Vue_Notes_App

cd Vue-GIS

3. Install the dependencies using npm

npm install

4. Once done, Run the development server

quasar dev

5. Quasar Framework should open the web browser for you. And you can see the results.

Libraries and Packages Used

1. Vue.js 3

2. Quasar Framework

3. Pinia

4. VueUse

5. Leaflet JS

---

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 JavaScript localStorage API

• Search for notes by title or content

Live Preview

Vue Notes App

How to run this project

1. Clone the repository

    git clone https://github.com/MoustafaShaaban/Vue_Notes_App.git
   

2. Change directory to Vue_Notes_App

cd Vue_Notes_App

3. Install the dependencies using npm

npm install

4. Once done, Run the development server

npm run dev

5. Open your web browser and navigate to http://localhost:5173/ to see the results.

Libraries and Packages used

1. Vue.js 3

2. Quasar Framework

3. Pinia

4. VueUse

5. Vue-multiselect