/notes-app

Primary LanguageTypeScript

Notes

A note taking application built as a submission for the Fullstack Challenge. An instance of the application has been deployed in here

Tech Stack

  • Frontend:

    • Vue 3, Tyepscript, Tailwind
    • Supabase.js for HTTP and WebSocket clients

  • Backend:

    • Supabase

Finished features

  • You can add/edit/delete a note
  • Your notes on multiple tabs or windows are updated in realtime
  • Note upon editing should be autosaved

Future improvements

  • Support notes management by user accounts

For further improvements, please check the Issues section.

Local development

npm install

Backend: start up local docker container

Requires installing Supabase CLI

cd api/
supabase start

Frontend: compiles and hot-reloads for development

Create a .env.local file in app/ that has following content, replaces env values by the url and anon key prompted earilier from Supabase CLI

VITE_SUPABASE_URL=YOUR_SUPABASE_URL
VITE_SUPABASE_ANON_KEY=YOUR_SUPABASE_ANON_KEY

npm run dev -w app

Frontend: Compiles and minifies for production

npm run build -w app

Lints

npm run lint