👋 Hi, I'm

ViavaCos

Developer · Creator · Lifelong Learner

I build things for the web and enjoy turning ideas into clean, fast, dependency-free interfaces. Welcome to my corner of the internet.

↓

About

I'm a developer who loves crafting simple, elegant solutions. This site is hand-built with plain HTML, CSS, and JavaScript — no frameworks, no build step, no external dependencies.

When I'm not coding, I'm usually exploring new technologies, writing notes, or tinkering with side projects.

🤖 AI Little Classroom

What is AI? A model? An agent? A prompt? A token? Explained so simply that even a primary school student gets it — with animated pictures and a mini quiz.

Let's learn →

🎹 Piano Practice Room

Plug in a MIDI keyboard and watch your keys light up in real time — note drills, staff-reading, solfège and rhythm-game practice. Zero dependencies, runs entirely in your browser.

Start playing →

Projects

WorkBuddy-Skin-Lite

A skin / theme switcher for WorkBuddy.

CSSTheme

vTodos

[WIP] A todo app built with React.

ReactElectronJavaScript

base-webpack

A base configuration template with webpack 5.

WebpackJavaScript

fast-create

A tiny Node.js automation helper (for the lazy).

Node.jsAutomation

前端技术知识图谱

交互式大前端知识图谱:145 个技术点、227 条关系,可筛选 / 搜索 / 聚焦邻域。

EChartsSVGKnowledge Graph

Skills

HTML5 CSS3 JavaScript Git Responsive Design Vue.js React Web Performance

Contact

Have a question or want to work together? Reach out — I'd love to hear from you.