eswat2/git-notes

build the Github Note Taker app using Vue 3 and Vite..

git-notes

I wanted to build a Vue version of my egghead-notes app and this is the result.

Background:

I am using a custom WebSockets notes server, fire-notes.herokuapp.com, to handle reading & writing notes. The repo for that can be found here: fire-notes

Features:

• using the latest version of Vue3
• converted the project to use Vite - NextGen Frontend Tooling
• refined UI elements
• mobile friendly layout
• an isolated store mutated only by actions
• a simple eventBus which controls the flow of data thru the app
• uses axios for all api calls
• uses WebSockets to talk to a custom notes server, fire-notes
• a simple html5 pushstate mechanism
• saves last valid username to local storage
• initializes app from URL if it matches #:username
• otherwise it reloads last username from local storage
• a simple navigator for visited usernames

Deployed:

This app is running on git-notes-eswat2.vercel.app

Running the app locally is as simple as executing the following:

yarn install
yarn build
yarn serve