Front-end engineer with 4+ years of experience building Vue.js applications in production environments. Specialized in Vue 3, TypeScript, TailwindCSS, and scalable component architecture. Strong experience collaborating with design and backend teams to deliver maintainable, accessible UI.
- Build and maintain UI components in Vue and TypeScript, based on ShadCN-Vue.
- Implement and customize designs using TailwindCSS.
- Manage state using Pinia.
- Build accessible UIs that comply with WCAG using the headless reka-ui component library.
- Apply component-based architecture: compose UI components into blocks and combine them into complete pages.
- Implement micro-frontend or modular monolith front-end architectures.
- Integrate RESTful APIs.
- Perform component testing and documentation using Storybook.
- Create REST API services using Hono, TypeScript, and Bun.sh.
- Use Zod for input validation on both the frontend and backend.
- Set up and manage user authentication using Better Auth.
- Manage database creation and migrations using Drizzle and SQLite.
- Write unit, integration, and E2E tests to ensure the application fulfills specifications.
- Set up development environments that closely resemble production.
- Set up and manage Linux virtual private servers on DigitalOcean.
- Configure and manage Nginx reverse proxies and SSL certificates using Certbot.
- Set up CI/CD workflows using GitHub Actions.
- Create automation scripts using Bash and TypeScript.
- Manage domains, DNS, and network security using the Cloudflare platform.
- Perform routine server backups.
- Monitor and log traffic using GoAccess.
- I follow standards and guidelines to write code.
- Practice spec-driven development.
- Use AI-assisted programming.
- Work in a fully TypeScript environment powered by Bun.sh.
- ubuntu-bun-server-setup — Bash script to set up a Bun server on Ubuntu with Nginx reverse proxy and SSL.
- packer-digitalocean-bun — Packer template for creating a DigitalOcean image with Bun pre-installed.
- bun-templates — Boilerplate for creating a TypeScript program with Bun.
- bun-vue — Registry for shadcn/ui, focused on Bun, TypeScript, and Vue 3.
- malaysia-postcode-data — List of Malaysia postcodes data, sorted by the postcode number.
- memory-cache — A simple in-memory cache for bun and nodejs.
- eslint-preset — My ESLint preset for TypeScript and Vue.js projects.
- github-copilot-prompts — My curated GitHub Copilot prompts and template snippets for better AI-assisted workflows.
- org-engine.com — Company onboarding software
- reka-dashboard — Build front-end single page application (SPA) in minutes with TypeScript, Vue and Bun.
- vue-shadcn-js (Archived) — Streamlining Front-end Development with Modern Tools.
I have experience working in a team, collaborating with UI/UX designers to translate Figma design mockups into fully functional Vue.js front-end applications and worked alongside Business Analysts and System Analysts to refine requirements and align on project goals.
Additionally, I have experience working with back-end teams to integrate REST APIs, ensuring smooth, efficient project delivery and robust data flow between client and server.
Past Experiences