Waiting for your questions about Ivan...

Primarily a frontend developer, but as an IT guy, I am expected to be capable of fixing even your grandma’s printer. Hence, I’ve learned how to create several clones of myself 🤖.

Frontend Dev

Main account
HTML

HTML

CSS

CSS

JavaScript

JavaScript

TypeScript

TypeScript

React

React

NextJS

NextJS

Redux

Redux

Vue

Vue

NuxtJS

NuxtJS

Vuex

Vuex

Zustand

Zustand

SCSS

SCSS

Bootstrap

Bootstrap

TailwindCSS

TailwindCSS

Vuetify

Vuetify

JSX

JSX

WebSocket

WebSocket

Bulma

Bulma

Framer

Framer

Ant Design

Ant Design

Jest

Jest

styled-components

styled-components

Designer

2nd account
Figma

Figma

Adobe Photoshop

Adobe Photoshop

Affinity Designer

Affinity Designer

Backend Dev

A side quest
Python

Python

NodeJS

NodeJS

Flask

Flask

ExpressJS

ExpressJS

Supabase

Supabase

Django

Django

MongoDB

MongoDB

Others

Whenever summoned
Git

Git

Github

Github

Docker

Docker

GCP

GCP

Google Analytics

Google Analytics

Nginx

Nginx

Netlify

Netlify

Alibaba Cloud

Alibaba Cloud

You can find the details on my LinkedIn profile, but here’s a quick summary 📝

Bandung Institute of Technology

Bandung Institute of Technology

Bachelor’s degree
  • You might have never heard the name, but it's one of the best universities in my country.
  • Some recruiters might look for this, so just in case, my GPA was 3.8/4.0 :D
TaniHub (TaniFund)

TaniHub (TaniFund)

Frontend Engineer Intern - 3 months
  • A P2P lending startup in Indonesia, mainly focused in funding local farmers.
  • Created some static pages, built some internal dashboard features, worked on some small core features.
Tech stack: Vue, Nuxt, SCSS, Vuex, Vuetify, Bulma
Shopee

Shopee

Frontend Engineer Intern - 10 months
  • A multinational e-commerce mainly focused in SEA with ~173.9M (i) monthly users.
  • Developed 3 CRM campaign websites and multiple React libraries for payment system.
Tech stack: TypeScript, React, Redux, styled-components, Jest
Sinarmas

Sinarmas

Fulltime Frontend Engineer - since Feb 2023 - since Feb 2023
  • A huge multisector company in Indonesia, mainly focused in banking, insurance, and property.
  • Developed a websocket-based customer center website and a messaging platform dashboard.
Tech stack: TypeScript, React, Zustand, TailwindCSS, Jest
Freelance

Freelance

Fullstack Developer & Designer - 3 years+
  • Primarily working on small-medium scale websites for local companies and campus organizations.
  • Admin dashboards, mini e-commerce, cashier systems, etc

I mean, I've built tens of projects, but it's not like you'll read them all anyway. Here’s some.

not including websites I developed during internship/full-time jobs for obvious reasons.
Most Complicated

This website.

TL;DR

If you visit the Adventure mode (available on desktop at the bottom right settings menu), you would see that this is not your typical portfolio website.

Role

Fullstack Developer, UI Designer

Stack

React

React

TailwindCSS

TailwindCSS

TypeScript

TypeScript

Figma

Figma

Random stuff everywhere

A website that just fits my personality. A lot of things are going on here and there.

Playable landing page

Click, drag, resize whatever you want. Not the cleanest code, but it’s definitely not a mess either.

Sophisticated AI assistant

Ask away. Hopefully it will give you an appropriate response.
Cleanest Code

Sindu Kas Dashboard

TL;DR

The UI looks decent, but I just love how clean the React/Next/TS codebase is. I spent a lot of time improving the UX as well, since the functionality itself is a bit basic (CRUD website). Well tbh, lots of even open source projects have cleaner codebases

Role

Frontend Developer, UI Designer

Stack

React

React

TypeScript

TypeScript

Zustand

Zustand

SCSS

SCSS

Figma

Figma

A fancy camera?

Rotateable, flippable, switchable. A simple custom-made camera that just works.

Unique tech stack

I implemented Zustand as the state management library. It’s way lighter and faster than Redux.

Clean Code

Tons of reusable custom hooks to abstract complexity, reusable context providers, forms, etc
Favorite Design

My Old Portfolio Website

TL;DR

I thought that CMS would make updating my portfolio data easier, and that’s totally right. Except I’m just too lazy to update my data and prefer to code something new from scratch. Anyway I love the UI.

Role

Fullstack Developer, UI Designer

Stack

React

React

SCSS

SCSS

Sanity

Sanity

Photoshop

Photoshop

Framer

Framer

It just looks beautiful

White text on a dark blue background, my favorite safe color palette.

Scrolling interactions

The images move as you move your mouse, the background decorations scrolls slower (or faster) than your scroller.

The OG JavaScript

Written 3 years ago, so it looks nasty if you visit the codebase now, but it was definitely a great kick-off.
My First Project

Insane Math (2020)

TL;DR

A simple quiz website with randomly generated multiple-choice math questions (& answers). Definitely the ugliest in terms of UI & code, but it’s just memorable.

Role

Frontend Developer, UI Designer

Stack

React

React

HTML

HTML

CSS

CSS

JavaScript

JavaScript

Figma

Figma

My start line

My first ever website, built with pure HTML, CSS, and CDN-based React.
Special credit to @michael_pege

Programatically generated

Hence most correct answers can be guessed rather than calculated :”

A rough start

14-day marathon working on this simple website every night. And yes, we used Google Drive instead of Git.

Hello, world! I'm Ivan.

I’m not a fan of writing long paragraphs ¯\_(ツ)_/¯, but let me share you a brief TL;DR of my life.

Currently available for love, freelance jobs and full-time permanent opportunities. Preferably WFH, but I’d love to fly to your country if needed. 🦅

Created with effort and dedication, because love would never feed me.

Christopher Ivan Gunardi