I enjoy building things and thus far had built many web-based systems — both for fun and in production.
Hit in your console or terminal to connect with me.
npx kebal
<script setup>
import { reactive, computed, onMounted } from 'vue';
const profile = reactive({
pronouns: 'he/him/his',
position: 'Software Developer',
languages: ['Malay', 'English', 'Indonesian'],
technologies: {
backEnd: ['Laravel', 'Native PHP', 'Yii2', 'WordPress'],
frontEnd: {
js: ['Vue.js', 'Nuxt.js', 'Alpine.js'],
css: ['TailwindCSS', 'Bootstrap 5', 'SCSS', 'SASS', 'CSS'],
},
mobile: {
frontEnd: ['SwiftUI'],
},
database: ['MySQL', 'SQLite', 'MongoDB', 'Redis', 'MariaDB'],
devOps: ['Linux', 'GitHub Actions', 'EC2', 'S3', 'Cloudflare'],
tools: ['Git', 'GitHub', 'Insomnia', 'Postman', 'Canva', 'Figma', 'Nginx', 'Monday.com'],
misc: ['REST API', 'Chrome Extensions', 'WordPress Plugins'],
os: ['macOS', 'Windows 11', 'Ubuntu'],
architecture: ['SPA', 'MVC']
},
canCodeWithoutCoffee: 'no',
});
const summary = computed(() => `${profile.name} | ${profile.position}`);
onMounted(() => console.log(summary.value));
</script>