Kiddo plays

My explorations in Computer Science, frontend & web, JS/Go/Python, docker & Kubernetes, etc.

The play list, learning or practising

Not all projects are listed. Checkout the sub-directory please.

• AI: AI related explorations, including Google ADK agents and raw bot.

• Angular: several web projects using the AWESOME frontend framework Angular.

• Assembly: Assembly language examples and guides.

• Babel: Guide to Babel, JavaScript transpiler.

• Bun: The fast, incrementally adoptable all-in-one JavaScript, TypeScript & JSX toolkit.

• Bundler: Various bundlers including Parcel and Rollup.

• CI/CD: CI CD setup, Automation workflow.

• Computer Graphics: A quick guide to Computer Graphics, examples listed.

• Containers: Docker, Grafana, Kubernetes, etc.

  • Docker: Docker guides and examples.
  • Grafana: Grafana monitoring and visualization.
  • Kubernetes: Kubernetes orchestration.

• Dart language: Dart language explorations, including web and charge system demo.

• Data Structures and Algorithms Recap: Recap of data structures and algorithms.

• Database: Database projects, including toy SQLite implementation.

• Dotfiles: Configuration files for development environment.

• Electron: Electron applications, including CDP debugger, image shrink, and more.

• Flutter: Flutter projects, including basic demo, egg timer, weather app, etc.

• Fullstack Starter: Fullstack project setup with Angular and Nest.

• Golang: Golang explorations, including concurrency, TDD, and web servers.

• GraphQL language: GraphQL explorations.

• jQuery: jQuery examples and projects.

• Lerna: Lerna monorepo management with Verdaccio.

• LLM: Large Language Model explorations.

• NativeScript: NativeScript mobile app development.

• NestJS: NestJS backend projects.

• NextJS: NextJS full-stack React projects.

• Node: Node.js projects, including websocket server demo.

• Nx.dev: Nx.dev monorepo tool explorations.

• Python Language: Python language learning and projects.

• Radix and Shadcn: UI components with Radix and Shadcn.

• React: React explorations.

• React Data: Ways to share data in React applications.

• React Renderer: Custom React renderer implementations.

• React Stores: React state management with Flux, Mobx, Redux.

• Rust: Rust language learning, including hello world and rustlings solutions.

• Scheduler: Scheduling related code and algorithms.

• Shell Scripts: Scripts in shell for automation.

• Spring Boot Demos: Spring Boot demonstrations.

• Task Runner: Gulp, Grunt: Task runners for build automation.

• TDD and BDD: Test-Driven Development and Behavior-Driven Development.

• Toy Promise: Toy implementation of JavaScript Promise.

• Tree Sitter Writeup: Writeup on Tree Sitter parser.

• Dev Container: Trying out development containers.

• Type Gymnastics: Advanced TypeScript type exercises.

• VS Code extensions: Several small extensions for VS Code.

• VueJS: several web projects using VueJS.

• WebAssembly: WebAssembly explorations.

• Web Video Player: Web video player implementation.

• Webpack: Webpack configurations and examples.

• Wechat Mini Programme: 微信小程序 (WeChat Mini Programs).

• And more to go ...

Hacking demos

• Build-Your-own-X

Deprecated playlists, may not touch them anymore...

• NativeScript

  • petscrapbook-ns-ng

  • Tekmo-ns-core

  • groceries-NS-tutorial-ts

Some boilerplates

• fullstack-starter: Fullstack project using Angular and Nest. However, I do recommend Nrwl/Nx for you, which is just an amazing tool for monorepo projects.

• vue-js

• cocos2dx-js

• react