smo*oth's space

Code, Design
& Life

Code, design & lifea full-stack engineer's personal space.

View ProjectsContact
Code, design and life: a floating creative workspacestudio.tsx01020304050607const space = {code: 'with purpose',design: 'with care',life: 'stay curious'};smo*oth / personal spaceBUILD. CREATE. LIVE.
  • React
  • Vue
  • TypeScript
  • Next.js
  • NestJS
  • Flutter
  • uni-app
  • Ant Design
  • Element UI / Plus
  • Tailwind
  • ECharts
  • PostgreSQL
  • MySQL
  • Prisma
  • Redis
  • Elasticsearch
  • NATS
  • BullMQ
  • WebSocket
  • Docker
  • Kubernetes (K8s)
  • Jenkins
  • Vercel AI SDK
  • Turborepo
expand_more

Featured Projects

From SaaS platforms to smart homes, from data visualization to cross-platform apps — real-world engineering in action.

View All arrow_forward
SaaS Platform
FintechSaaS

Overseas SaaS Membership System

A full-stack membership system integrating marketing website, admin console, and embedded membership center, covering subscriptions, payments, and access control.

Next.js
NestJS
React
Smart Home App
Flutter & IoT

Smart Home Control App

A Flutter-based smart home control app with device linkage, scene automation, and dual-platform deployment.

Flutter
BLoC
Cross-Platform

O2O Home Service Platform

A local home service platform built with uni-app + Vue3 for homeowner and worker apps, with a web admin system for order management, dispatch, and reviews.

uni-appVue3Multi-Platform
O2O Platform

Latest Updates

The latest technical articles and personal journals.

Blog

Migrating from Pages Router to App Router: A Practical Guide

A complete record of migrating a mid-sized Next.js project from Pages Router to App Router, covering route restructuring, data fetching patterns, layout strategies, and common pitfalls.

Read more →
Journal

Park Walks: A Spring Ritual

Cherry blossoms, magnolias, and crabapples blooming in March — jogging, stretching, and walking through a sea of flowers, feeling spring's healing power.

Read more →
Blog

Flutter BLoC State Management: From Basics to Production

Practical experience using BLoC pattern for complex state management in a smart home app — architecture design, event-driven flows, and testing strategies.

Read more →

Tech Stack &
Engineering

Building complete products, from frontend experiences to backend services. My current focus is TypeScript and NestJS, paired with React / Next.js and Vue, with additional development experience in Java and PHP. My work covers databases, messaging, authentication and deployment, using Turborepo / Monorepo to organize multiple apps and shared code.

Monorepo architecture
Turborepo: multiple apps, shared packages, and build orchestration
Performance
High-Concurrency & Frontend Performance Optimization
code

Frontend & UI

TypeScript / React / Next.js, Vue 3 / Vite / Pinia, Ant Design / Element Plus, Tailwind CSS / TanStack Query, Vue 2 / Element UI (legacy projects)

dns

Backend & service development

TypeScript / NestJS, Supabase, Modular design / configuration / exception handling, Task scheduling / Cron

database

Databases, caching & search

PostgreSQL / MySQL, Redis / Elasticsearch, Prisma / Drizzle ORM

hub

Messaging, jobs & realtime

NATS / RabbitMQ, Kafka / RocketMQ, BullMQ, WebSocket / MQTT

verified_user

APIs & authentication

REST API / Swagger / OpenAPI, JWT / OAuth 2.0 / RBAC, Zod

payments

Payments & subscriptions

WeChat Pay / Alipay, Stripe / PayPal, Webhook, Subscription lifecycle management, Webhook signature verification / idempotency

devices

Cross-platform apps

Flutter / Dart / BLoC, uni-app, WeChat Mini Programs / H5

bar_chart

Visualization

ECharts / Three.js, Canvas, Baidu Maps

cloud

DevOps & delivery

Docker / Kubernetes (K8s), Jenkins / GitHub Actions / CI/CD, Nginx / Linux

fact_check

Testing & quality

Vitest, Playwright

account_tree

Monorepo architecture

Turborepo / Monorepo, Shared packages / task orchestration / build caching

psychology

AI application development

LLM API / Ollama, Vercel AI SDK / LangChain.js, RAG / Embeddings / pgvector, Agent / Tool Calling / MCP

Tools & Workflow

The tech and tools I rely on in my daily development workflow.

code

VS Code

Primary editor, deeply customized

terminal

Warp + Zsh

Modern terminal and shell

deployed_code

Docker

Containerized dev and deployment

cloud_sync

Vercel

Go-to platform for frontend deploys

database

Prisma

Type-safe database ORM

palette

Figma

UI/UX design and prototyping

Want to build something?
Get in touch.

Whether it's a project, a tech chat, or just saying hi — I'd love to hear from you.

Send EmailView Projects