Hi, I'M

Agung Kurniawan, a web developer with a focus on front-end development. I'm currently building my career by creating modern web applications and continuously improving my skills. My goal is to craft intuitive, accessible, and visually engaging user experiences.

More About me

Pixel Art Sprite

I aspire to build a career where I can bring my ideas to life through engaging, well-designed web applications.

Pixel Art Sprite
iconMakassar, Indonesia
iconB.S. in Computer Science
iconAvailable for work
iconAtomic Habits

I've been building web applications for over one year now, and I'm always eager to learn more.

Some technologies I've worked with:

Front-end

Turning ideas into interactive and well-structured web applications, that deliver seamless user experiences.

  • Sprite React

    React

  • Sprite React

    NextJs

  • Sprite React

    Zustand

  • Sprite React

    Material UI

  • Sprite React

    Tailwindcss

Backend

Familiar with backend fundamentals and continuously improving to better support full-stack development.

  • Sprite React

    Node Js

  • Sprite React

    Express

  • Sprite React

    GraphQl

  • Sprite React

    MySql

  • Sprite React

    PostgreSql

  • Sprite React

    MongoDb

  • Sprite React

    Appwrite

Cloud

Experienced with basic cloud deployment and eager to deepen my expertise.

  • Sprite React

    Vercel

  • Sprite React

    Github Actions

  • Sprite React

    Docker

Utilities

I use a range of tools to support editing, documentation, and mockup creation.

  • Sprite React

    Github

  • Sprite React

    Postman

  • Sprite React

    Lighthouse

  • Sprite React

    Figma

TypeScript

I am proficient in TypeScript, whether I'm working with React or Node.js, using it to build scalable, maintainable, and type-safe applications.

Arch Linux

Comfortable working in Linux environments, with Arch Linux as my primary operating system for daily development.

Recent Commits

Escape The Factory

A fast-paced 2D action platformer where you play as a robot trapped inside a massive industrial factory.

show moreProject Escape The Factory
  • Object-Oriented Architecture — Modular and reusable game entities built with OOP principles for easy scalability.

  • Optimized Pixel Art Rendering — Low-resolution assets scaled with pixel-perfect rendering for crisp visuals and improved performance.

  • Simple Enemy AI — Enemies chase the player within a detection range and return to their original position when the player escapes.

oophtml5csskaplayjavascript

Job Tracker

An interactive job management platform designed to help users organize job opportunities with an intuitive drag-and-drop interface.

show moreProject Job Tracker
  • Drag & Drop — Interactive drag-and-drop with optimized rendering.

  • Core Web Vitals Optimization — Skeleton loading to reduce layout shifts (CLS).

  • React Performance Optimization — Memoized callbacks and stable refs to minimize re-renders.

  • Client-Side State Synchronization — Batched updates to reduce unnecessary API requests.

  • JWT Authentication — Secure authentication with JWT and bcrypt password hashing

hashjwsnextjsreactmongodbdnd-kit

Web Animations

An educational platform that teaches the fundamentals of web animations through interactive visualizations, practical examples, and a built-in playground.

show moreProject Web Animations
  • Animation Fundamentals — Covers the core concepts of modern web animations.

  • Interactive Visualizations — Visual demonstrations for intuitive learning.

  • Live Playground — Experiment with animations and inspect the source code.

  • User Experience Design — Light/dark themes with smooth transitions and accessible visuals.

web animationscssjavascripthtml5

Commissioned Projects

A showcase of custom projects created to solve the unique challenges and requirements of individual clients.

Kalosi Health Center Information System

A web-based healthcare management system developed for the Kalosi Health Center.

show moreProject Kalosi Health Center Information System
  • Realtime Chat — Communicate with users via real-time messaging, featuring notifications across both mobile and web platforms.

  • Article Management — Create, edit, and publish health articles using the Quill Rich Text Editor, allowing healthcare staff to write formatted content with images, headings, lists, and other rich-text features.

  • User Management — Manage registered users, monitor user information, and maintain account data.

  • Education Video Management — Upload, organize, update, and remove educational health videos that are accessible from the mobile application.

reactexpoquillexpressappwrite

PT Nuansa Cipta Magello Distribution Management System

A web-based distribution management system developed for PT Nuansa Cipta Magello to streamline the distribution of canned food products.

show moreProject PT Nuansa Cipta Magello Distribution Management System
  • Analytics Dashboard — Monitor key business metrics through an interactive dashboard and provides instant insights into warehouse operations.

  • Active Shipment Tracking — Track ongoing product deliveries in real time using geolocation and data provided by the delivery app.

  • Automated Report Generation — Generate comprehensive distribution reports with flexible filtering capabilities and multi-format export options (Excel/PDF).

  • Database Design — The application uses a relational database structure to maintain data consistency and support complex business workflows.

reactneosqlgeolocationsql

PT Yusran Karya Nusantara AI Customer Service

An AI-powered Android customer service application developed for PT Yusran Karya Nusantara.

show moreProject PT Yusran Karya Nusantara AI Customer Service
  • AI Customer Assistant — Using OpenAI's LLM with Retrieval-Augmented Generation (RAG) to answer customer inquiries based on data retrieved from a vector database.

  • Real-time Chat — Built using Appwrite Realtime subscriptions for instant message delivery and synchronization across connected clients.

  • Server-Side Processing — Critical operations are handled by Appwrite Functions, enabling the client application to focus on rendering data and delivering a responsive user experience.

  • Database Design — Uses ChromaDB for the company's knowledge base and Appwrite Database for application data.

expoopenAIragnlpmchromaDbappwrite
Stay in touch
sprite bublesprite lovesprite mailsprite particelsprite particel
Pixel Art Sprite

Currently open to new opportunities, freelance projects, and full-time positions. Feel free to get in touch anytime.

>_