Notes API - Vue 3 & Vite Client (notes-gui-vue)

A lightweight, responsive Master/Detail split-pane interface built with Vue 3 (Composition API) and Axios. This client connects to the Go REST API backend to manage full CRUD operations, task completion toggles, and JWT authentication.

Prerequisites

Before setup, ensure you have Node.js and its package manager (npm) installed on your system.

On Ubuntu / Kubuntu:

sudo apt update
sudo apt install -y nodejs npm

Verify your installations meet modern standards:

node -v
npm -v

Installation & Setup

Follow these steps to clone the codebase, install the exact dependencies listed in package.json, and boot the application.

1. Clone the Repository

git clone [https://github.com/chriscarias/notes-gui-vue.git](https://github.com/chriscarias/notes-gui-vue.git)
cd notes-gui-vue

2. Install Project Dependencies

This command reads the local package.json file and pulls down all required node modules (including Vue, Vite, and Axios) into the local workspace:

npm install

Running the Application

1. Start the Backend

Ensure your Go REST API backend server is active and listening on its designated port (default: http://localhost:8002).

2. Launch the Vite Development Server

npm run dev

Vite will boot instantly and provide your local browser endpoint:

http://localhost:5173

Configuration Note If your backend runs on a port other than 8002, update the target address variable directly inside the source code:

File: src/App.vue

Line: const API_BASE = 'http://localhost:8002'