Todo, kanban and notes

Files14 files

export const COLUMNS = ["todo", "doing", "done"] as const;
export type Column = (typeof COLUMNS)[number];
export type Task = { id: string; title: string; column: Column; createdAt: number };
export type Note = { id: string; title: string; body: string; updatedAt: number };

export const COLUMN_LABEL: Record<Column, string> = { todo: "To do", doing: "In progress", done: "Done" };
export const newId = () => Date.now().toString(36) + Math.random().toString(36).slice(2, 6);

• Framework: Vite + React + TypeScriptDifficulty: beginner

  Featured

  React starter

  A clean React + TypeScript + Tailwind single-page app. The default target for AI generation.

  • react
  • typescript
  • tailwind
  • vite
  • spa

  9 files

  Use templatePreview
• Framework: Node.js + ExpressDifficulty: intermediate

  Express REST API

  A TypeScript Express API with routing, validation, and an in-memory store you can swap for PostgreSQL.

  • node
  • express
  • api
  • typescript
  • backend

  5 files

  Use templatePreview
• Framework: Node.js + ExpressDifficulty: intermediate

  Structured Express API

  A notes REST API split into router, middleware, and store modules, with logging, error handling, and search.

  • node
  • express
  • api
  • rest
  • typescript

  8 files

  Use templatePreview