← Back to portfolio
Personal Project · Case Study

DevMarks

Searchable engineering field notes that bring technical references, production lessons, and career guidance into one focused resource.

RoleProduct design & development
StackNext.js, TypeScript, Tailwind CSS
Key toolsFuse.js, Framer Motion, Netlify
StatusLive project
DevMarks engineering field notes interface

Useful engineering knowledge becomes scattered and difficult to revisit.

Commands, production lessons, career advice, and learning resources often end up split across documentation, bookmarks, and personal notes. Finding the right detail later can interrupt active work and make valuable experience harder to reuse.

Turn personal experience into a searchable engineering field guide.

DevMarks brings technical references, career guidance, learning playbooks, and journal entries into one consistent system. Content is grouped by purpose but remains accessible through a shared search experience.

  • Unified fuzzy search covers technical topics, career paths, playbooks, and journal entries.
  • Concise examples and syntax highlighting make technical references easy to scan.
  • Career and learning sections turn experience into practical, reusable guidance.
  • A local, private toolkit lets users save notes, goals, evidence, and custom snippets.

A structured, typed content system built to expand.

Next.js 15, React 19, TypeScript, and Tailwind CSS power reusable layouts and dynamic routes. Technical topics are stored as structured JSON, while career, learning, and journal content use typed data modules. Fuse.js provides cross-section search, React Syntax Highlighter presents code clearly, and Netlify hosts the production application.

A growing field guide grounded in real engineering experience.

DevMarks now brings together 43 technical topics, career growth notes, production playbooks, journal entries, and a personal toolkit. The live product demonstrates information architecture, content design, search UX, and modern React development while giving new lessons a clear place to live.