Suriyanti Panagen
· Kuala Lumpur, MalaysiaSoftware Engineer (Frontend / Full‑Stack)
Software Engineer with 18+ years of experience designing, building, and maintaining scalable web systems across frontend, backend, and cloud environments. Passionate about clean architecture, high performance, and reliable delivery of business-critical solutions. Proven leadership experience leading cross-functional teams, including UI/UX designers and junior frontend developers, fostering collaboration, mentoring talent, and delivering high-quality products. Committed to continuous learning and consistently improving technical and leadership skills to stay aligned with evolving technologies.
Work Experiences
Lead Frontend Developer (Full-Stack)
Dec 2015 – Mar 2026Cention Sdn Bhd
ReactReduxTypeScriptJavaScriptNode.jsGolangWebpackWebRTCWebSocketAWSGitHub ActionsDockerOpenAILinuxLLM- Led design and delivery of AI-powered features (Agent Assist, Chatbots) integrated into customer workflows — automated key interaction flows and shipped production systems serving live customers at scale.
- Owned frontend architecture in React, Redux, and TypeScript — drove a JS-to-TS migration that reduced runtime errors and improved long-term maintainability.
- Operated as a hands-on senior engineer across Golang backend services, CI/CD (GitHub Actions), and AWS infrastructure — improved system performance, reliability, and delivery speed.
- Part of the team that migrated the org's legacy platform to a modern React-based stack, and contributed to a reusable component library that accelerated feature delivery and improved design consistency.
- Mentored engineers and led architectural and code reviews, raising engineering standards and reducing defects across teams.
- Making used of AI tools such as Cursor, Github Copilot, and Claude to improve productivity and code quality.
- Proactively handled production support by debugging issues, monitoring system health, analyzing logs, and collaborating directly with clients to resolve incidents, gather requirements, and deliver new features.
Focus
What I build
- Customer-facing web apps and internal tools
- Frontend architecture, design systems, and reusable component libraries
- API-driven integrations between modern frontends and services
How I ship
- Type-safe, maintainable codebases with pragmatic patterns
- CI/CD automation with GitHub Actions
- AWS deployments and production reliability practices
- Performance tuning and debugging in real-world systems
Personal Projects/Tasks History
ai-chatbot-widget
↗A lightweight, embeddable AI chatbot widget. It answers questions strictly from a text knowledge base you provide, using Fuse.js for client-side fuzzy retrieval over your text and OpenRouter chat completions (free models supported) for the answer.
fire-bridge-discord
↗Event-driven notification system bridging Google Cloud Firestore and Discord using Cloud Functions and Webhooks.
time-ago
↗A zero-dependency, lightweight TypeScript utility to convert timestamps into human-readable "time ago" strings.
react-appointment-widget
↗A small, headless-friendly React appointment / time-slot booking widget.
file-automation
↗A small full-stack playground that automatically sorts any file you upload into the right category folder (Photos, Documents, Audio, Video, Others) using an n8n workflow and a Python microservice.
priority-queue
↗A small TypeScript library for ordering items in a priority queue — a waiting line where more important items go first, but everyone still gets a fair turn within their group.
suriyanti-portfolio
This portfolio website built with Next.js and Tailwind CSS.
Skills & Tech
AI / LLM
Frontend
Backend
Cloud & DevOps
Data
Automation
Others
Let's connect!
I'm open to freelance projects, full-time roles, and collaborations — especially around React, TypeScript, and modern web platforms. Let's talk about what you're building.