Skip to content

Vue JS Portfolio


This section contains my Vue JS projects.

Currently it has some projects:


Vue GIS

Project Goals

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

  • Persist features data using the localStorage API.

  • Search for features by feature title or description.

Live Preview

Vue Notes App

Project Review

  • Project Review:

Review

  • Adding Data:

Adding Data

  • Filtering Data:

Filtering Data

  • Sort and Update Data:

Sort and Update Data

  • Delete Data and Search for new places:

Delete Data and Search for new places

Get started with this project

Libraries and Packages used


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.

Live Preview

Vue Notes App

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.

Libraries and Packages used