A simple and modern note-taking application with a focus on organization, color, and privacy. Built using React, Zustand, and SQLite, it allows each user (scoped by a token) to manage personal boards and notes — including importing and exporting data as JSON.

• 🗂️ Create and manage boards
• 📝 Add, edit, and delete notes with:
  • Title, category, background color
  • Rich content using a WYSIWYG editor (React Quill)
• 🔎 Filter notes by category and search by keyword
• 📤 Export & 📥 Import notes and boards as .json
• 🔐 Each user is scoped via a secure x-user-token header
• 🛡️ Backend protected via x-app-key
• ⚡️ Fast UI with Zustand and TailwindCSS

• ⚛️ React 18 + Vite
• 🧠 Zustand (state management)
• 🎨 Tailwind CSS
• ✍️ React Quill (Rich text editor)
• 🔷 TypeScript

• 🧱 Node.js + Express
• 🗃️ SQLite (with schema for boards & notes)
• 🔐 User isolation via x-user-token header
• 🔐 Application authentication via x-app-key header

git clone https://github.com/akorti/notesboard.git
cd notesboard

npm install

Create a .env file (both frontend & backend):

# Frontend (.env)
VITE_API_BASE_URL=http://localhost:3001
VITE_APP_SECRET_KEY=my-super-secret-app-key

# Backend (.env)
APP_SECRET_KEY=my-super-secret-app-key

cd server
node index.js

The server runs on http://localhost:3001 and stores data in database.sqlite.

npm run dev

This project uses Vitest and React Testing Library.

npm run test

Use the interface to export and import your data securely:

{
  "boards": [
    { "id": 1, "name": "Work" }
  ],
  "notes": [
    {
      "id": 101,
      "title": "Meeting Notes",
      "content": "...",
      "color": "bg-yellow-200",
      "category": "Work",
      "boardId": 1
    }
  ]
}

Import automatically attaches your current x-user-token to the data.

🔐 All routes require headers:

• x-user-token: your-user-token
• x-app-key: your-app-secret

.
├── src/
│   ├── components/
│   ├── stores/
│   ├── services/
│   ├── config/
│   └── App.tsx, main.tsx, etc.
├── server/
│   └── index.js
├── vite.config.ts
└── README.md

MIT © 2025 – akorti