Skip to content
Tech Space live preview
All projects

Tech Space

See how 100+ projects' technologies actually connect to each other.

The portfolio used dozens of technologies across 100+ projects, but nothing showed how those technologies related or overlapped.

Tech Domain · Book Dev|Published|Evidence: Live|Next.js, TypeScript

A public deployment is available to try.

Case Study

Before

The portfolio's 100+ projects used dozens of technologies, but no single page visualized the full tech stack and how technologies related to each other across projects.

After

Created an engaging visual overview of technical breadth. Visitors can explore the tech stack organically, discovering projects through technologies they're interested in.

How it's solved

Built a tech space visualization showing all technologies used across the portfolio, with interactive nodes linking to projects that use each technology. Includes usage frequency, category grouping, and relationship mapping.

Trade-offs

The tech map reflects what's declared per project, not deep static analysis of actual dependency usage.

Related Articles

Further reading on related topics from the blog

Related Projects

More in Tech Domain · Book Dev

Tech Space - Chaowalit Greepoke Portfolio