Hi there, I'm

I find peace in the simplicity of everyday life, valuing the steady progress from each step forward. In my free time, I enjoy playing with my cat, working out, and tackling my to-do list, even as it keeps growing. My life is simple yet fulfilling

hero image

1.About Me

Transforming Visions

With over two years of experience, I am a web engineer skilled in transforming visions into reality. Proficient in database management, cloud technology, and web programming, I am dedicated to turning clients' visions into powerful websites. I excel in teamwork to ensure smooth project execution and optimal results. Passionate about learning new technologies, I continuously strive to upgrade my skills to meet the evolving demands of the industry.

profileImg

2.Tech Stack

  • C#
  • .Net Core
  • Message Queue
  • Docker
  • Nodejs
  • Next.js
  • Nuxt.js
  • React
  • Vue
  • Prisma
  • Typescript
  • Javascript
  • PostgreSQL
  • MS SQL
  • ASP.Net
  • AJAX
  • xUnit
  • Git
  • RESTAPI
  • Tailwindcss
  • IIS
  • Web Socket
  • DnD
  • Redux
  • GraphQL
  • Apollo
  • Linux
  • PM2
  • AWS
  • Nginx
  • Python
  • Matplotlib
  • Pandas
  • Tableau

03.Experience

Intern

Webbytes, Bayan Lepas, Penang

During my four-month intern at Webbytes, made possible through my college's internship program, I gained invaluable experience and knowledge that greatly benefited me.

2019

Web Programmer

Sophic Automation, Bukit Mertajam, Penang

I began my journey at Sophic Automation as an intern through my college's internship program and transitioned into a full-time role. My primary responsibilities include programming, providing support, and planning web projects according to client requirements.

2022 - 2024 April

4.Some Things I have Built

whoCode_blog

Featured Project

WhoCode Blog

A delightful and interactive blog system built on the Docusaurus framework. This system supports reading and displaying content from MD or MDX files, seamlessly combining documentation and blogging features. Additionally, it includes numerous customized interactive elements for an engaging user experience..

  • React
  • TailwindCSS
  • Framer Motion
Live Link Available
spinistry

Featured Project

Spinistry

Spinistry is a dynamic tool designed for interactive selection and decision-making. Inspired by wheelofnames.com, it elevates the classic spin wheel concept with a modern, streamlined experience suited for raffles, team selection, prize giveaways, and more. Spinistry brings ease, fairness, and a touch of anticipation to any event.

  • Next.js
  • TailwindCSS
Live Link Available
managePro

Featured Project

ManagePro

ManagePro is a comprehensive solution designed to streamline project management, event scheduling, and financial tracking, developed as part of a learning process. It integrates key features like a kanban board, timeline, event management with an interactive calendar, and transaction management, offering a comprehensive toolkit for both personal and professional use

  • Next.js
  • Auth.js
  • Hono.js
  • Prisma
  • Postgres
  • Docker
Live Link Available
financialstate

Featured Project

Tableau - Financial Statement Analysis

This dashboard covers key financial areas, including the income statement, cash flow, and balance sheet. It provides a comprehensive view of the company’s financial health, helping users analyze performance trends and make informed investment decisions.

  • Tableau
Live Link Available
financialstate

Featured Project

Pandas - Financial Statement Analysis

This project analyzes five years of financial data from a publicly listed company, focusing on income statements, balance sheets, and cash flow statements. Using Python, the data was processed to uncover key financial trends and performance indicators.

  • Python
  • Pandas
  • Matplotlib
Live Link Available
ebom

Featured Project

BOM Management System

Seamlessly manage BOM processes, project data, user groups, and supplier information with customizable e-forms with Form.io integration. Enable sales department to efficiently share Requests for Quotation (RFQ) with designated suppliers via email for streamlined order processing.

  • MS SQL
  • IIS
  • ASPNET CORE
  • Bootstrap
  • Javascript
  • Form.io
nerve

Featured Project

Nervii IIOT Platform

Nervii, an IoT platform built on the Unified Namespace (UNS) concept. The core technology utilizes NATS and TimescaleDB to intercept and deliver information with depth and precision. With a primary focus on web development, our goal is to visualize data structures, empowering developers to monitor and manage data effectively. Nervii is the solution for seamless, accurate, and efficient data management in the IIOT realm.

  • NuxtJs
  • PostgreSQL
  • GraphQL
  • Apollo
  • Ory Kratos
  • PrimeVue
alcon

Featured Project

X_Company OEE Dashboard

X_Company OEE Dashboard is designed to monitor industrial operations across various parameters such as workflow status, production, consumption, and fault analysis. The dashboard employs the "deep dive" concept, allowing users to click on each chart to access detailed information, including individual data points within a specific chart.

  • NuxtJs
  • PostgreSQL
  • Tailwindcss
  • AD
  • NaiveUI
  • Chart.js

5.Whats Next?

Get In Touch

If you are interested in my experience and skills, please feel free to contact me. I look forward to bringing value to your team. I am passionate about learning and challenges, and I am willing to contribute to new projects and collaborate with the team to achieve our goals.