eswat2 / git-notes

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

Home Page:https://git-notes-eswat2.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

git-notes

Heroku

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

About

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

https://git-notes-eswat2.vercel.app


Languages

Language:Vue 59.7%Language:JavaScript 35.2%Language:HTML 5.1%