Skip to content
View AlanCumberbatch's full-sized avatar
πŸ˜ƒ
Keep going
πŸ˜ƒ
Keep going
  • εŒ—δΊ¬
  • 11:39 (UTC -12:00)

Block or report AlanCumberbatch

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don't include any personal information such as legal names or email addresses. Markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
AlanCumberbatch/README.md


Senior Frontend & Graphics Engineer
πŸ“ Mitaka-shi, Tokyo, Japan | πŸ“ž 080-9329-8370
βœ‰οΈ uraharanoa@gmail.com

EXECUTIVE SUMMARY

Strategic Senior Software Engineer with over 5 years of experience specializing in high-performance web applications, 3D visualization, and frontend architecture. Proven track record in leading projects from 0 to 1, optimizing rendering performance by 80%, and managing cross-functional teams. Expert in Vue/React ecosystems and Web Graphics (WebGL, Three.js, Cesium.js). Currently advancing expertise in AWS Cloud Architecture. Bilingual in Mandarin and Japanese (JLPT N2).

TECHNICAL SKILLS

  • Languages: JavaScript (ES6+), TypeScript, C++, Shader (GLSL), WASM, Java, Python.
  • Frontend: React, Vue.js (2/3), Tailwind CSS, Framer Motion, Vite, Webpack.
  • 3D/Graphics: WebGL, Three.js, Cesium.js, Echarts, AntV G2, 3D Visualization, Mathematical Modeling.
  • Backend & Infrastructure: Node.js, Express, AWS (Learning), WebSocket, RESTful API.
  • Tools: VSCode, Git/GitHub, Markdown, Jenkins, Linux (Loongnix/Ubuntu), macOS.
  • Project Management: Requirement Analysis, Module Design, Mentorship, Agile/Scrum.

PROFESSIONAL EXPERIENCE

Beijing Leixiang Technology Co., Ltd. | Beijing, China

Project Manager / Senior Frontend Lead | June 2022 – Sept 2025

  • Rainfall Simulation & Disaster Prediction System (Vue3, Cesium.js, WebGL)
    • Led the development of a 3D visualization system for local governments to simulate flood risks.
    • Performance Engineering: Developed a custom rendering logic using Shader + PNG (Binary data), reducing data loading and rendering time by 80% (from 400ms to 80ms).
    • Architecture: Optimized frontend load times by implementing defineAsyncComponent for lazy-loading heavy 3D components, significantly reducing initial bundle size.
  • Company-wide Core Frontend Library (NPM / Project Manager)
    • Managed a team of 3 to build a standardized utility and WebGL component library used across all company projects.
    • Standardized module design and naming conventions, reducing development cycles for new projects by approximately 30%.
  • Aviation Simulation & Satellite Monitoring System (Vue & React Transition)
    • Phase 1 (0 to 1 Development): Led the entire lifecycle of the initial system by deconstructing complex business logic from legacy C++ PC software. Independently architected and developed the Vue2-based frontend from scratch, delivering core modules for aircraft status and radar visualization.
    • Phase 2 (Architectural Migration): Strategically migrated the established Vue system to React to meet evolving enterprise requirements. Added advanced satellite-to-aircraft communication features and optimized visual effects (trailers, radar sweeps) using custom Shaders.
    • Achievement: Achieved 100% feature parity during migration while enhancing real-time data synchronization via WebSockets.

Loongson Technology Co., Ltd. | Beijing, China

Frontend Engineer (3D Visualization) | April 2020 – April 2022

  • Web-based Virtual Globe System (Vue3, WebGL, WASM, Vite)
    • Successfully ported core 3D functionalities from a legacy C++ desktop application to the browser.
    • Implemented WebAssembly (WASM) and Emscripten to bridge high-performance C++ logic with the web interface.
    • Independently built the 0-to-1 prototype of the "Virtual Globe" for internal data visualization, enabling intuitive global data interaction.

Shenyang Yongxin Crowdfunding Network Tech | Shenyang, China

Frontend Developer Intern | Jan 2020 – April 2020

  • B2B SaaS & Official Website Development: Developed responsive official sites and contributed to a large-scale B2B SaaS project using Vue2 and Element UI.
  • Core Contributions:
    • Implemented high-reusability components and encapsulated Axios methods for efficient API communication.
    • Pioneered the integration of Amap (AutoNavi) services and utilized AntV G2 for 2D data visualization.
    • Developed a real-time, data-driven browser printing solution for expense reports.

KEY PROJECTS & ACHIEVEMENTS

  • Graphics Expert: Specialized in creating custom visual effects such as radar sweeps, explosion simulations, and dynamic aircraft trails using Raw Shader (GLSL) integration within Cesium.js.
  • Optimization Specialist: Expertise in overcoming browser memory constraints and network latency for large-scale meteorological datasets.
  • Leadership: Experience in mentoring junior developers, conducting code reviews, and acting as a technical bridge between stakeholders and the development team.

EDUCATION

Shenyang Ligong University | Sept 2014 – June 2020

  • B.S. in Detection, Guidance, and Control Technology (School of Equipment Engineering)
  • Note: Includes 2 years of mandatory military service during enrollment.

CERTIFICATIONS & LANGUAGES

  • Languages: Mandarin (Native), Japanese (J-cert A2.2 - Intermediate), English (Professional Working Proficiency).
  • Certification: J-cert Life/Vocational Japanese Proficiency (Sept 2024).
  • Continuous Learning: Currently pursuing AWS Solutions Architect certification.

ADDITIONAL INFORMATION

  • Visa Status: Seeking sponsorship for Japan.
  • Interests: 3D Engine Development, Cloud Computing, UI/UX Design.

Property Data
Language / IDE JavaScript Badge Node.js Badge Visual Studio Code Badge WebGL Badge WebGPU Badge TypeScript Badge
Domain Knownledge Web Development Badge Linear Algebra Badge
CI / CD Markdown Badge Github Badge Github Actions Badge
Tools & Platform HTML5 CSS3 Desmos ShaderToy CODEPEN
webGL / webGPU frameworks Cesium.js Badge ThreeJS Badge
JS / TS frameworks Vue Badge React Badge ExpressJS Badge
---- Certification
React ζ›Ώδ»£ζ–‡ζœ¬

Popular repositories Loading

  1. WebGPU-Step-By-Step WebGPU-Step-By-Step Public

    Forked from jack1232/WebGPU-Step-By-Step

    WebGPU Tutorial: Step-by-step graphics programming with WebGPU - the next-generation graphics API for the web.

    1

  2. CUDA_Alan CUDA_Alan Public

    CUDA Learning

    C++ 1

  3. resium resium Public

    Forked from reearth/resium

    React components for 🌏 Cesium

    TypeScript

  4. WebGLBook WebGLBook Public

    Forked from tparisi/WebGLBook

    Code Examples for Tony Parisi's Book, WebGL Up and Running

    JavaScript

  5. learning-threejs learning-threejs Public

    Forked from josdirksen/learning-threejs

    Code repository for the examples from the Packt book "Learning Threejs"

    JavaScript

  6. ThreeExample.js ThreeExample.js Public

    Forked from Ovilia/ThreeExample.js

    γ€ŠThree.js ε…₯ι—¨ζŒ‡ε—γ€‹δΉ¦δΎ‹δ»£η 

    JavaScript