Welcome to my digital space

Hi, I'm Hariz

Full Stack Developer

I build complete digital solutions, from front-end user experiences to back-end systems. Let's create something extraordinary together!

Available for new projects

Ready to launch your next idea

Scroll to explore

Available for new projects

Ready to launch your next idea

About Me

Tech Stack

Technologies and tools I work with to bring ideas to life

React

Next.js

TypeScript

Flutter

Dart

Tailwind CSS

Node.js

Python

JavaScript

PostgreSQL

Firebase

Redis

Supabase

AWS

Resend

Vercel

Netlify

Vite

Git

Figma

Canva

Shadcn

Replit

Docusaurus

C++

Java

Skills & Expertise

Competitive Programmingothers

Expert

About

I've been doing competitive programming for 3 years and completed 1000+ problem sets, achieving Expert rating on Codeforces with consistent performance in contests.

Specialized Areas

Data Structures (Arrays, Linked Lists, Stacks, Queues)

Expert

Greedy Algorithms

Expert

Binary Search & Two Pointers

Expert

Sorting & Searching Algorithms

Expert

Contest Strategy & Time Management

Expert

Advanced Data Structures (Trees, Heaps, Hash Tables)

Advanced

Graph Algorithms (DFS, BFS, Shortest Path)

Advanced

Dynamic Programming

Advanced

String Algorithms & Pattern Matching

Advanced

Number Theory & Mathematical Algorithms

Intermediate

Combinatorics & Probability

Intermediate

Segment Trees & Fenwick Trees

Intermediate

Advanced Graph Algorithms (MST, Strongly Connected Components)

Intermediate

Range Query Data Structures

Intermediate

Game Theory & Nim

Beginner

Experience & Achievements

Achieved Expert rating (1600+) on Codeforces

Solved 1000+ problems across various platforms

Participated in 20+ contests

Mentored junior programmers in algorithmic problem solving

Related Technologies

C++PythonJavaAlgorithmsData Structures

Next.js Developmentfrontend

Advanced

About

Expert-level full-stack React framework development with deep expertise in performance optimization, advanced rendering patterns, and production-scale application architecture.

Specialized Areas

App Router & Server Components

Advanced

Route Handlers & Custom Middleware

Advanced

SSR/SSG/ISR Implementation

Advanced

Next.js Performance Optimization

Advanced

Middleware & Edge Functions

Advanced

Vercel Deployment & CI/CD

Intermediate

Server Actions & Forms

Intermediate

Authentication Integration (NextAuth)

Beginner

API Routes Development

Beginner

Experience & Achievements

Implemented advanced server-side rendering with ISR for optimal performance

Optimized Core Web Vitals achieving 95+ Lighthouse scores consistently

Developed custom middleware for authentication and rate limiting

Built real-time applications using Server Components and Streaming

Related Technologies

ReactTypeScriptVercelTailwind CSSPrismaNextAuth.jsFramer MotionZustandReact QueryZodPostgreSQL

React & Next.jsfrontend

Intermediate

About

Extensive experience building modern, scalable React applications with Next.js, focusing on performance optimization and user experience.

Specialized Areas

React Hooks

Intermediate

State Management (Redux/Zustand)

Intermediate

Server Components

Beginner

Performance Optimization

Beginner

3D Object Creation (Three.js)

Intermediate

Node-based Editor (ReactFlow)

Beginner

Experience & Achievements

Built a production React applications

Optimized app performance resulting in faster load times

Created reusable component libraries

Related Technologies

TypeScriptTailwind CSSFramer MotionReact QueryThree.jsReactFlow

TypeScriptfrontend

Intermediate

About

Strong foundation in TypeScript for building type-safe React applications, with experience in advanced type patterns and modern development workflows.

Specialized Areas

Type Definitions & Interfaces

Intermediate

Generic Types

Intermediate

React with TypeScript

Intermediate

Advanced Type Patterns

Beginner

Type Guards & Assertions

Beginner

Module Declaration

Beginner

Experience & Achievements

Developed type-safe React components and hooks

Implemented complex type definitions for API responses

Migrated JavaScript projects to TypeScript

Created reusable typed utility functions

Related Technologies

ReactNext.jsESLintPrettierViteJest

Database Designdatabase

Intermediate

About

Strong foundation in relational database design and SQL development, with experience in PostgreSQL and modern database-as-a-service platforms.

Specialized Areas

Relational Database Design

Intermediate

SQL Query Writing & Optimization

Intermediate

PostgreSQL Administration

Intermediate

Database Schema Design

Intermediate

Redis Caching Strategies

Beginner

Supabase Integration

Beginner

Experience & Achievements

Designed normalized PostgreSQL schemas for web applications

Wrote complex SQL queries with joins and subqueries

Implemented Redis caching for improved application performance

Built applications using Supabase as backend-as-a-service

Related Technologies

PostgreSQLRedisSupabaseSQLPrisma

AWS & Cloud Servicesdevops

Beginner

About

Experience with cloud infrastructure, deployment, and management using AWS services and modern DevOps practices.

Specialized Areas

S3 & CloudFront

Beginner

Experience & Achievements

Deployed application on AWS infrastructure

Implemented auto-scaling for applications handling traffic spikes

Related Technologies

AWS S3GitHub Actions

Education

Bachelor of Computer Science (in progress)

Universitas Indonesia

2024 - present

Certifications

The Complete SQL Bootcamp

Udemy

2025

View Credential

Python Introduction

Udemy

2024

View Credential

Foundations: Data, Data, Everywhere

Google

2023

View Credential

Projects

Each project represents a unique challenge conquered through creative problem-solving and technical excellence.

HisTree

Full Stack Web App

This application provides a secure, role-based authenticated platform for constructing and visualizing family trees. Users can easily add family members and associated images, with data presented through an intuitive and visually appealing tree interface.

Tech Stack

Next.js

React

TypeScript

Tailwind CSS

PostgreSQL

Supabase

AWS S3

Netlify

Shadcn

Docusaurus

Web Docs Source Code

Key Achievements

Implemented secure role-based authentication system with multi-level access control

Developed interactive family tree visualization with dynamic node positioning and relationships

Built scalable image management system using AWS S3 for family member photos

Created responsive design supporting seamless experience across desktop and mobile devices

Integrated real-time data synchronization using Supabase

Implemented comprehensive user documentation using Docusaurus by Meta

Seamulator

Game Development

A comprehensive fishing simulation game developed in vanilla C++ that features diverse fish species, equipment, maps, gacha mechanics, and storylines. The game includes a dashboard, library system, marketplace, and map navigation, all built without external frameworks.

Tech Stack

C++

Repl.it

Web Source Code

Key Achievements

Implemented gacha system for collecting rare fishing equipment and items

Created interactive map system with multiple fishing locations and environments

Built comprehensive inventory management system for bait, equipment, and catches

Designed library system for tracking fishing statistics and achievements

Recognized as #37 in Repl.it's creator funds program among 50 selected projects in August 2022