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

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++
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

Universitas Indonesia logo

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 icon

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

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 icon

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

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