Projects – Afrizal Ramy Diaman

View Project →

Building DesignAI — An AI-Powered Design Generation Platform with Next.js and FastAPI

Full-Stack

Next.js 14

TypeScript

FastAPI

Python

+12

A complete breakdown of building a full-featured AI design platform with text-to-image generation, multimodal AI recommendations, semantic search, CLIP deep learning scoring, genetic prompt evolution, fuzzy credit system, and Cloudflare R2 storage — built with Next.js 14, FastAPI, PostgreSQL, and Redis.

Read case study

View Project →

Building a PPID Information Management System with Odoo 19

Full-Stack

Odoo 19

Python

PostgreSQL

Docker

+4

A complete breakdown of building a custom Odoo 19 module for PPID (Pejabat Pengelola Informasi dan Dokumentasi) Kota Surabaya. Covers custom addon architecture, QWeb templating, REST API design, projectsflow management for public information requests, objection handling, and dispute resolution — all running on a Dockerized Odoo stack.

Read case study

View Project →

Building a City Government Website with Next.js and Backend-for-Frontend Architecture

Frontend

Next.js

TypeScript

Material UI

React Query

+3

A complete breakdown of building the official Surabaya city government website using Next.js, TypeScript, and a Backend-for-Frontend proxy pattern. Covers BFF architecture, React Query data fetching, Docker deployment, and accessibility features for a public-facing civic platform.

Read case study

View Project →

Building a Real-Time Chat Application with File Sharing using React and Node.js

Full-Stack

React

Node.js

NestJS

Socket.IO

+3

A complete breakdown of building a full-stack real-time chat application with Socket.IO, file sharing, and user management. Covers hybrid backend architecture, real-time event handling, multi-format file uploads, and session persistence.

Read case study

View Project →

Building a Comprehensive E-Learning Platform with Flutter and Firebase

Mobile

Flutter

Dart

Firebase

SQLite

+4

A complete breakdown of building a full-featured e-learning mobile app with course management, interactive assignments, YouTube integration, e-commerce features, and offline-first architecture using Flutter, Firebase, and SQLite.

Read case study

View Project →

Building a Scientific Calculator with API Integration in Flutter

Mobile

Flutter

Dart

MathJS API

HTTP

+1

An enterprise-grade, polyglot microservices software system designed for massive scalability. G-NEXA orchestrates independent Go, NestJS, and Express services via blazing-fast gRPC communication, robust Redis caching layers, and a centralized Kong API Gateway.

Read case study

View Project →

Building a Multi-Layer Parallax Effect with Pure CSS and JavaScript

Full-Stack Web Development

HTML

CSS

PHP

MySQL

+2

Wildlife conservation platform for Indonesia's endangered species, featuring parallax scroll effects, an interactive habitat map, and a REST API — all powered by PHP and MySQL.

Read case study View project