Bay En Wang
Backend Developer
4+ years exp
Management: 3-5 years (1-5 people)
Python
JavaScript
C++
SQL
C
Responsive & Cross-browser: 4/10
Performance Optimization: 4/10
UX & Visual Polish: 4/10
Active 2 days ago
Invite to interview
Download CVCV
Overview
Technical skills
Projects
Timeline
Roles
Overview
Frontend-focused engineer (middle level) specializing in polished, responsive UI and interactive visual experiences. The strongest proven skill is client-side UI and graphics engineering demonstrated by the Three.js scene and supporting helpers in Bay_Wang_Assignment_5/main.js and the interactive project modal and reveal logic in portfolio-website/templates/projects.html. There is limited evidence of backend or production-grade system code, automated tests, or advanced server-state async patterns in the public files provided.
Phone
Technical skills
Languages
5
Python
JavaScript
C++
SQL
C
Databases
3
PostgreSQL
MySQL
Redis
Other
14
React.js
Three.JS
GitHub Actions
FastAPI
Flask
GitHub
Pytest
SQLite
Docker
Docker Compose
Git
Linux
Rest API
TCP/IP
Projects
1.Engineered a real-time messaging system in Python using select()-based I/O multiplexing for concurrent client handling, with client registration and authentication; combines centralized peer discovery with persistent peer-to-peer connections
2.Migrated message persistence from SQLite to PostgreSQL and integrated Redis for presence management; built FastAPI REST endpoints (/health, /messages, /messages_per_hour) for message history and analytics
3.Containerized the TCP server, API, PostgreSQL, and Redis using Docker Compose and added structured JSON logging for backend observability.
4. Built automated tests with pytest and a GitHub Actions CI pipeline that provisions PostgreSQL/Redis and validates the backend on every push and pull request
Python
Socket.IO
Docker
Docker Compose
Redis
TCP/IP
FastAPI
SQL
PostgreSQL
GitHub Actions
CI/CD
Timeline
San José State University
Master's Degree •
Informatics
University of California (Santa Cruz Campus)
Bachelor's Degree •
Computer Science
Fullerton College
Associate's Degree •
Computer Science and Mathematics
Tutor
•
Middle
Magikid Robotics Lab
•
Full-Time
Taught students Python fundamentals, Scratch, and basic robotics assembly. Supported learners with algorithmic thinking and debugging in Python to improve independent problem-solving. Adapted teaching approaches to different learning styles during tutoring sessions.
Middle Frontend Developer
Confidence: Medium UI Engineer
Frontend-focused engineer (middle level) specializing in polished, responsive UI and interactive visual experiences. The strongest proven skill is client-side UI and graphics engineering demonstrated by the Three.js scene and supporting helpers in Bay_Wang_Assignment_5/main.js and the interactive project modal and reveal logic in portfolio-website/templates/projects.html. There is limited evidence of backend or production-grade system code, automated tests, or advanced server-state async patterns in the public files provided.
UI Component Architecture
3/10
How interface parts are built
Componentization is template-driven with clear separation of CSS and small JS modules, but there is no component framework or reusable component library design evident.
Evidence
bayen0102/portfolio-website/templates/skills.html: organized skill-card blocks and category structure implemented as reusable HTML patterns
bayen0102/portfolio-website/static/style.css: extensive, centralized CSS rules and utility-like selectors governing cards, grids and animations
bayen0102/Bay_Wang_Assignment_5/main.js: encapsulated helper functions (createHouse, createPrimitiveTree, createRock) showing conscious modularization of scene pieces
Responsive & Cross-browser
4/10
Works on all screens and browsers
Responsive layout is handled with media queries and fluid typography (clamp), with reasonable attention to mobile breakpoints and image fitting.
Evidence
bayen0102/portfolio-website/static/style.css: multiple @media (max-width: 768px) blocks and clamp() used for .project-main-title
bayen0102/portfolio-website/static/style.css: use of object-fit, aspect-ratio and responsive grid layouts in .demo-image-wrapper and .demo-grid
bayen0102/Bay_Wang_Assignment_5/index.html: importmap and full-viewport canvas example demonstrating cross-browser fallback considerations
Performance Optimization
4/10
Speed of the interface
Practical performance measures are present (IntersectionObserver, requestAnimationFrame, pixel-ratio clamp and texture repetition) but there is no measured profiling, bundle analysis, or advanced code-splitting shown.
Evidence
bayen0102/portfolio-website/templates/projects.html: IntersectionObserver-based scroll reveal implementation
bayen0102/Bay_Wang_Assignment_5/main.js: renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2)) and requestAnimationFrame animation loop
bayen0102/Bay_Wang_Assignment_5/main.js: texture repeat settings and use of CubeTextureLoader/environment mapping to avoid expensive per-frame work
Accessibility & Semantics
3/10
Usable for everyone
Basic accessibility and semantics are considered (alt text, aria-label, keyboard Escape handling) but there is not comprehensive a11y strategy or custom widget focus management.
Evidence
bayen0102/portfolio-website/templates/projects.html: modal close button includes aria-label="Close image" and images use alt attributes
bayen0102/portfolio-website/templates/projects.html: keyboard handler for Escape to close modal and click-to-dismiss behavior
bayen0102/portfolio-website/templates/projects.html: external links include rel="noopener noreferrer" (security-conscious link attributes)
State Management & Data Flow
2/10
Managing data in the app
Client-side state is simple and DOM-driven (modals, reveal observer, form inputs for vector assignment); there is little evidence of advanced async discipline, server-state handling, or request cancellation/optimistic updates.
UX & Visual Polish
4/10
Look and feel quality
Strong visual polish with layered animations, hover states, and 3D scene motion; perceived-performance UX (reveals, transitions) is well handled though patterns are largely presentational.
Evidence
bayen0102/portfolio-website/static/style.css: numerous animations (projectFadeUp, dataFlow, arrowPulse) and hover micro-interactions across cards and buttons
bayen0102/portfolio-website/templates/projects.html: image modal with transitions and captioning for improved UX
bayen0102/Bay_Wang_Assignment_5/main.js: animated orb, moving lights and fireflies delivering a lively scene
Expertise
HTML & CSS• Middle
React• Junior
Technologies
JavaScript• Middle
Docker Compose
GitHub Actions
Three.JS
React.js
Recommendations
- Own end-to-end interactive UI features and visual experiences, including Three.js scenes, interactive modals, and responsive component patterns.
- Implement and document client-side testing and simple performance measurements (bundle analysis, Lighthouse traces) to convert polish into measurable impact.
- Build reusable component abstractions (small web components or a lightweight component library) to capture repeatable UI patterns from the templates into testable units.
- Add explicit async discipline examples (fetch cancellation, optimistic updates, or a small XHR/Fetch-based flow) to demonstrate app-level state management and race handling.
Repositories
The developer's experience in this domain has been verified based on AI analysis of the following repositories: