work-experience.ts
1 import type { WorkExperience } from "~/models/work-experience.ts"; 2 3 export const workExperiences: WorkExperience[] = [ 4 { 5 company: "Aerotalon", 6 position: "Frontend Web Developer", 7 location: "australia", 8 time: "contract", 9 period: [new Date(2026, 0), null], 10 details: [ 11 "Developed and maintained Aviation information system using React and TypeScript.", 12 "Optimized application performance and ensured cross-browser compatibility.", 13 "Improved role-based authorisation for better granularity", 14 ], 15 technologies: ["typescript", "react", "react-router"], 16 }, 17 { 18 company: "IPB Training", 19 position: "Fullstack Web Developer", 20 location: "indonesia", 21 time: "full-time", 22 period: [new Date(2024, 3), new Date(2025, 11)], 23 details: [ 24 "Designed and implemented a CI/CD pipeline using GitHub Actions, reducing deployment time by 50%.", 25 "Optimized website performance, increasing Lighthouse score from <70 to >95, enhancing user experience and SEO ranking.", 26 "Refactored and resolved critical issues in the back-office application, such as fixing broken data synchronization, and optimizing workflow automation, improving staff efficiency due to reduced manual work.", 27 "Maintained 99% uptime during peak hours by optimizing server configurations and database queries.", 28 "Rewrote legacy finance system to a more robust system improving accuracy and reliability", 29 "Built a Quizziz-like realtime quiz system using Reverb to simplify pre-test and post-test operational flow", 30 ], 31 technologies: [ 32 "typescript", 33 "nodejs", 34 "nextjs", 35 "laravel", 36 "mysql", 37 "docker", 38 ], 39 }, 40 { 41 company: "PT Healstation Indonesia", 42 position: "Fullstack Web Developer", 43 location: "indonesia", 44 time: "freelance", 45 period: [new Date(2023, 0), new Date(2023, 3)], 46 details: [ 47 "Developed a robust Content Management System (CMS) for a South Korean mobile app integrating car, camp car, and camping site rentals.", 48 "Designed a scalable database schema, ensuring data consistency and efficient query performance.", 49 "Implemented MySQL as the primary database and MinIO/S3 for object storage.", 50 "Utilized Docker for both local development and production deployment, streamlining the development workflow.", 51 ], 52 technologies: ["typescript", "nextjs", "trpc", "mysql", "minio", "docker"], 53 }, 54 { 55 company: "Cubix Branding Agency", 56 position: "Fullstack Web Developer", 57 location: "indonesia", 58 time: "contract", 59 period: [new Date(2022, 5), new Date(2023, 2)], 60 details: [ 61 "Developed three fully responsive websites for Artajasa, ATMBersama, and Bersama, translating Figma designs into high-performance web applications.", 62 "Collaborated with a team of three developers using GitHub, ensuring smooth version control and efficient workflow.", 63 "Utilized Next.js with TypeScript to enhance type safety and maintainability, and implemented SCSS, Stitches, and SCSS Modules for scalable, maintainable styling.", 64 "Optimized performance by implementing Incremental Static Regeneration (ISR) and leveraged SWR for efficient client-side data fetching.", 65 "Integrated dynamic content from Laravel with Voyager CMS, ensuring seamless content management.", 66 "Refactored code and resolved frontend and backend bugs, improving overall system stability and maintainability.", 67 ], 68 technologies: ["typescript", "nextjs", "scss", "php", "laravel", "voyager"], 69 }, 70 { 71 company: "<Undisclosed>", 72 position: "Fullstack Web Developer", 73 location: "indonesia", 74 time: "freelance", 75 period: [new Date(2021, 11), new Date(2022, 8)], 76 details: [ 77 "Developed a programming test platform similar to Codewars and HackerRank, featuring multilingual support and user activity tracking (e.g., mouse clicks, movements, keystrokes) for research purposes. Now open-sourced as teknologi-umum/spectator.", 78 "Collaborated with multiple developers using Git and GitHub, ensuring smooth version control and code integration.", 79 "Built the frontend with React, TypeScript, Redux Toolkit, and ChakraUI, leveraging SignalR to transmit user activity data to the ASP.NET Core backend. Ensured reliability with unit tests using Vitest and React Testing Library.", 80 "Contributed to the data calculation worker, written in Go, with gRPC for backend communication. Designed it to query data from InfluxDB and store results in MinIO as CSV and JSON.", 81 "Implemented a video streaming feature, enabling real-time webcam video transmission to the ASP.NET Core backend via HTTP.", 82 "Assisted in developing the Remote Code Execution engine in TypeScript, which communicates via gRPC. The project was later open-sourced as teknologi-umum/pesto.", 83 "Built a dummy data generator in Python, producing thousands of synthetic user interactions for testing, alongside unit tests.", 84 "Utilized Docker to streamline development and deployment across all services.", 85 ], 86 technologies: [ 87 "typescript", 88 "react", 89 "redux-toolkit", 90 "chakra-ui", 91 "signalr", 92 "aspnet-core", 93 "grpc", 94 "go", 95 "influxdb", 96 "minio", 97 "python", 98 "docker", 99 ], 100 }, 101 { 102 company: "Enam Dua Teknologi", 103 position: "Frontend Web Developer", 104 location: "indonesia", 105 time: "freelance", 106 period: [new Date(2022, 5), new Date(2022, 7)], 107 details: [ 108 "Developed a Jira-like Task Management System for J99 Corp. Holding, improving internal workflow efficiency.", 109 "Optimized UI performance using the Render-as-you-fetch pattern and Suspense to reduce significant load time.", 110 "Applied Atomic Design principles to create modular and reusable UI components, enhancing development speed.", 111 "Implemented real-time notifications via Server-Sent Events (SSE), improving task visibility for users.", 112 "Translated Figma UI designs into an interactive React-based frontend, ensuring high design fidelity.", 113 ], 114 technologies: [ 115 "typescript", 116 "react", 117 "react-hook-form", 118 "react-query", 119 "chakra-ui", 120 ], 121 }, 122 ];