Hi, I'm Iriansyah
Software Engineer specializing in React.js, Next.js, TypeScript, and Node.js | Currently Exploring Go & DevOps
IP

About

I'm a Software Engineer with 6+ years of experience specializing in building scalable web applications using React, Next.js, and TypeScript. Experienced in designing frontend architecture, implementing SSO systems, and optimizing performance for production systems. Proven track record in leading frontend initiatives, mentoring engineers, and delivering high-impact features across fintech and SaaS platforms. Strong understanding of fullstack development including Node.js, Go, and system integrations

Work Experience

Education

Skills

https://img.shields.io/badge/JavaScript-323330?style=for-the-badge&logo=javascript&logoColor=F7DF1E
https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white
https://img.shields.io/badge/PHP-777BB4?style=for-the-badge&logo=php&logoColor=white
https://img.shields.io/badge/Go-00ADD8?style=for-the-badge&logo=go&logoColor=white
https://img.shields.io/badge/npm-CB3837?style=for-the-badge&logo=npm&logoColor=white
https://img.shields.io/badge/Yarn-2C8EBB?style=for-the-badge&logo=yarn&logoColor=white
https://img.shields.io/badge/Webpack-8DD6F9?style=for-the-badge&logo=Webpack&logoColor=white
https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB
https://img.shields.io/badge/next%20js-000000?style=for-the-badge&logo=nextdotjs&logoColor=white
https://img.shields.io/badge/Node%20js-339933?style=for-the-badge&logo=nodedotjs&logoColor=white
https://img.shields.io/badge/Redux-593D88?style=for-the-badge&logo=redux&logoColor=white
https://img.shields.io/badge/drizzle-C5F74F?style=for-the-badge&logo=drizzle&logoColor=black
https://img.shields.io/badge/Sequelize-52B0E7?style=for-the-badge&logo=Sequelize&logoColor=white
https://img.shields.io/badge/styled--components-DB7093?style=for-the-badge&logo=styled-components&logoColor=white
https://img.shields.io/badge/Ant%20Design-1890FF?style=for-the-badge&logo=antdesign&logoColor=white
https://img.shields.io/badge/storybook-FF4785?style=for-the-badge&logo=storybook&logoColor=white
https://img.shields.io/badge/json-5E5C5C?style=for-the-badge&logo=json&logoColor=white
https://img.shields.io/badge/Laravel-FF2D20?style=for-the-badge&logo=laravel&logoColor=white
https://img.shields.io/badge/Composer-885630?style=for-the-badge&logo=Composer&logoColor=white
https://img.shields.io/badge/JWT-000000?style=for-the-badge&logo=JSON%20web%20tokens&logoColor=white
https://img.shields.io/badge/GraphQl-E10098?style=for-the-badge&logo=graphql&logoColor=white
https://img.shields.io/badge/axios-671ddf?&style=for-the-badge&logo=axios&logoColor=white
https://img.shields.io/badge/Apollo%20GraphQL-311C87?&style=for-the-badge&logo=Apollo%20GraphQL&logoColor=white
https://img.shields.io/badge/MySQL-005C84?style=for-the-badge&logo=mysql&logoColor=white
https://img.shields.io/badge/MongoDB-4EA94B?style=for-the-badge&logo=mongodb&logoColor=white
https://img.shields.io/badge/PostgreSQL-316192?style=for-the-badge&logo=postgresql&logoColor=white
https://img.shields.io/badge/Swagger-85EA2D?style=for-the-badge&logo=Swagger&logoColor=white
https://img.shields.io/badge/Docker-2CA5E0?style=for-the-badge&logo=docker&logoColor=white
https://img.shields.io/badge/Nginx-009639?style=for-the-badge&logo=nginx&logoColor=white
https://img.shields.io/badge/Cloudflare-F38020?style=for-the-badge&logo=Cloudflare&logoColor=white
https://img.shields.io/badge/GitHub_Actions-2088FF?style=for-the-badge&logo=github-actions&logoColor=white
My Projects

Check out my latest work

I've worked on a variety of projects, from simple websites to complex web applications. Here are a few of my favorites.

World Cup Map Visualizer
Frontend
Website

World Cup Map Visualizer

Explore FIFA World Cup matches on an interactive world map. Browse tournament history, group stages, knockout rounds, and match details with an immersive geographic visualization

Next.js
TypeScript
Leaflet.js
TailwindCSS
Zustand
MongoDB Atlas
Readable
Frontend
Website
GitHubSource

Readable

A modern news application built with React, TypeScript, and Vite, featuring NYT API integration, state management with Zustand, automated CI using GitHub Actions, testing with Vitest, and containerized deployment with Docker.

React.js
TypeScript
Vite
Vitest
Bun
TailwindCSS
Zustand
GitHub Actions
Dockerfile
Landing Page & Dashboard PLN UIP3B Sumatera
Fullstack App
Website

Landing Page & Dashboard PLN UIP3B Sumatera

Developed and maintained a monitoring dashboard and user-facing web application for PLN UIP3B Sumatera using Next.js. Built responsive interfaces for field officer performance monitoring and synchronized field data, while integrating with Laravel, MySQL, NGINX, and MinIO services.

Next.js
Node.js
Redux
JavaScript
Ant Design
TailwindCSS
MySQL
Laravel
NGINX
MinIO
BMKG Weather API Wrapper
Backend GraphQL
GitHubSource

BMKG Weather API Wrapper

A GraphQL wrapper for BMKG weather data, built with Express.js to simplify API consumption while providing REST endpoints and interactive API documentation with Swagger.

REST API
GraphQL
Swagger
Express.js
JavaScript
PassQ CLI
Library
GitHubSource

PassQ CLI

A simple CLI library built with JavaScript, Commander, and SQLite for managing passwords.

javascript
commander
sqlite
cli
Blamescope
Library
GitHubSource

Blamescope

Component-level git blame overlay for React projects (Vite & Next.js).

javascript
typescript
react.js
vite
next.js
git
Jobs Seeker
Fullstack App
Website
GitHubSource

Jobs Seeker

A full-stack job seeker dashboard built with Next.js, featuring secure authentication with NextAuth and JWT, PostgreSQL database integration through Drizzle ORM, and a responsive user experience.

Next.js
TypeScript
NextAuth
Drizzle ORM
JWT
PostgreSQL
Pace App Dockerized
Infrastructure
GitHubSource

Pace App Dockerized

Docker Compose setup for running backend, frontend, databases (MySQL & PostgreSQL), NGINX, and other self-hosted services in a scalable, modular environment.

docker-compose
nginx
postgresql
mysql
certbot
github-actions
Cloudflare R2 Upload Service
Backend Service
GitHubSource

Cloudflare R2 Upload Service

A lightweight file upload service built with TypeScript and Express.js, exposing REST APIs with Swagger documentation and integrating the AWS S3 SDK for Cloudflare R2 object storage.

TypeScript
Express.js
REST API
Swagger
Cloudflare R2
Recipe Foods Web & Api
Fullstack App
Website

Recipe Foods Web & Api

A full-stack recipe-sharing application built with Next.js and Golang, featuring JWT authentication, RESTful APIs, MySQL with GORM, Zustand for state management, and CI/CD with GitHub Actions and Docker.

Golang
JWT
REST API
GORM
MySQL
Next.js
TypeScript
Zustand
Dockerfile
GitHub Actions
Contact

Get in Touch

Want to chat? Just shoot me an rppratama1771@gmail.com

GitHub
LinkedIn
X