Trekki - Todo App

A sleek, modern Todo application built with React and Bun, featuring a premium glassmorphism design.

Try it now on github pages: https://local-vibes.github.io/trekki/

Features

• Effortless, minimalistic task lists—no clutter, just your todos.
• Local-first: All data is securely stored in your browser via localStorage.
• Total privacy by default: Share your list simply by showing your screen.
• Prefer analog? Instantly print your tasks.
• Seamlessly export your tasks to Markdown.
• No AI-assistant bullshit inside the app.

Getting Started

Prerequisites

You need Bun installed on your system.

Installation

1. Clone the repository or download the files.
2. Install dependencies:

   bun install
   

Development

Start the development server:

bun dev

Building for Production

To create a production build:

bun run build

How to use

Lists

• Click the list name (e.g. "General") in the header to open the list switcher.
• Add a list: "Add new list" at the bottom of the dropdown.
• Switch list: click a list in the dropdown.
• Rename/delete: open the list dropdown, click the ⋮ (more) on a list → Rename or Delete (delete only when more than one list).

Tasks

• Add: type in the input and press Enter or click the + button.
• Complete: click the checkbox.
• Reorder: drag and drop.
• Edit: click ⋮ on a task → Edit, or use keyboard (see shortcuts). Save with Enter, cancel with Esc.
• Delete / Move to list: ⋮ on a task → Delete or "Move to List" and pick a list.

Export

• Export current list as Markdown: press p to open the export modal, then copy from the modal.

Keyboard shortcuts

• Press h or ? in the app to open the full shortcut list.
• Common: a = focus add-item input; u or Ctrl+Z = undo.

Tech Stack

• Framework: React
• Build Tool: Vite
• Runtime: Bun
• Styling: Vanilla CSS (Custom Design System)
• Icons: Lucide React

File Structure

• src/App.jsx: Main application logic and state management.
• src/index.css: Custom design system and glassmorphism styles.
• src/main.jsx: Application entry point.