Noterx
Personal productivity dashboard with world time, todos, sticky notes, and visual year-progress tracking.
Timeline
Ongoing
Role
Creator & Developer
Team
Solo
Status
In-progressTechnology Stack
Key Challenges
- Designing a calm, information-dense layout without visual clutter
- Balancing multiple productivity modules in one navigable shell
- Making time-awareness widgets feel motivating rather than stressful
Key Learnings
- Personal dashboard UX patterns for daily focus tools
- Composable sidebar navigation with collapsible sections
- Visualizing long-horizon progress with intuitive day-grid metaphors
Overview
Noterx is a personal productivity dashboard hosted at notes.jxngrx.com. It combines world time, todos, pages, sticky notes, shortcuts, and a year-at-a-glance progress view in one dark, distraction-free workspace.
What It Is
Noterx is a life dashboard for people who want quick access to time context, tasks, and notes without switching between five different apps. A collapsible sidebar organizes modules—World Time, Todo, Pages, Area, Sticky Notes, Shortcuts, and Settings—while the main canvas adapts to the active tool.
The signature year progress view maps every day of the year as a dot grid, showing days lived, days remaining, and completion percentage—making long-term time visible at a glance.
Who It's For
- Developers and students juggling multiple time zones, tasks, and quick notes
- Productivity-focused users who prefer a single calm interface over feature-heavy suites
- Anyone who wants a lightweight personal command center they self-host
How It Works
- Navigate — Pick a module from the sidebar (World Time, Todo, Sticky Notes, etc.).
- Plan — Capture todos, pages, and sticky notes in structured or free-form views.
- Track time — Monitor world clocks and the year-progress grid for macro awareness.
- Customize — Adjust settings and shortcuts so frequent actions stay one click away.
Key Features
- World Time: Multi-zone clocks for coordinating across regions.
- Todo & Pages: Task and note modules with organized navigation.
- Sticky Notes: Quick captures without leaving the dashboard shell.
- Year Progress: Visual day-grid showing how much of the year has passed.
- Shortcuts: Fast access to frequently used actions and views.
- Focused UI: Dark theme with minimal chrome for deep work sessions.
Why I Built This
I wanted a dashboard that respects attention—no feeds, no noise—just the few tools I actually open every day. Noterx is that experiment: one place for time, tasks, and notes, designed to feel fast and personal.
Technical Architecture
Frontend
Built with Next.js and React, using TypeScript for type-safe state and Tailwind CSS for a consistent dark UI. Layout prioritizes responsive sidebar behavior and module-level code splitting so each tool loads efficiently.