8000 acfatah (Achmad F. Ibrahim) · GitHub
[go: up one dir, main page]

Skip to content
View acfatah's full-sized avatar
🚀
Looking for a new opportunity
🚀
Looking for a new opportunity

Block or report acfatah

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
acfatah/README.md

Hi, I'm Achmad Fatah 👋

Vue.js TypeScript Bun.js Digital Ocean

Vue.js Front-end Specialist | TypeScript Enthusiast | Full-stack Experienced

I’m a front-end-focused full-stack developer with 4+ years of experience building interactive web applications, design systems, and backend services.

I architect UI libraries in Vue + TypeScript, craft scalable REST APIs with Bun & Hono, and manage secure infrastructure on DigitalOcean and Cloudflare.

I thrive on optimizing DX, automating workflows, and delivering polished, modular systems — all while staying up to date with the latest technologies.

Other statistics

Github

GitLab Project Under NDA for Government Work

Gitlab Private Repository

CodeTime (2025-07-17)

My Current Stacks and What I Do

Front-end

  • 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.

Backend

  • 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.

DevOps

  • 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.

Development Approach

Ongoing or previous projects

Experience and Skills

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.

Languages

TypeScript ES6 HTML CSS JSON Shell Script

Libraries or Frameworks

Vue 3 Tailwind CSS ESLint Vite ShadcnUI

Softwares

Storybook Nginx PostgreSQL MySQL SQLite

Platforms

Linux Ubuntu Digital Ocean Github

Development Environment

Git Bun Nodejs NPM Bash Docker

Version Control

Github GitLab

IDE and Tools

Visual Studio Code Vim

Currently Exploring and Learning

React Figma

Past Experiences

Ruby Rails 7 RubyGems PHP MySQL Vuetify Quasar Material Design JQuery Bootstrap Symfony Laravel Wordpress

Pinned Loading

  1. conventions-standards-and-guidelines conventions-standards-and-guidelines Public

    This repository contains a comprehensive set of conventions, standards and guidelines that I have been using across numerous projects mainly in TypeScript and Vue.

  2. spec-driven-development spec-driven-development Public

    This repository outlines my implementation of spec-driven development.

  3. shadcn-vue-ex shadcn-vue-ex Public

    `shadcn-vue` boilerplate

    Vue

  4. reka-dashboard reka-dashboard Public

    Boilerplate to start develop a Vue 3 front-end application with TypeScript, Vite and Bun.

    Vue 1

  5. vue-shadcn-js vue-shadcn-js Public archive

    Vue shadcn-ui boilerplate

    Vue 4

  6. utils utils Public

    A collection of ES6 or Javascript utility functions.

    JavaScript

0