RAFIF Web Developer & CS Student 01

Hi. I'm Rafif, an Informatics student. I like building things with code. Sometimes a bug takes me hours to figure out. Still learning, still building. There's a bit of everything down here. Let's explore.

Scroll to explore
02

About Me

I'm an Informatics student who enjoys exploring web development, programming, and different areas of technology.

Most of what I learn comes from building projects, working on academic assignments, and experimenting with different technologies - from web applications and interactive interfaces to data mining and machine learning.

I'm still figuring out which area I want to focus on, so for now I enjoy exploring, building, and learning through different kinds of projects.

Based in
Indonesia
Studying
Informatics - Semester 5
Exploring
Web Dev, Animation, Data & ML
Pixel art portrait of me
03

Selected Work

A selection of projects I've worked on through coursework and personal exploration.

Cinevra movie and TV discovery website homepage
01

Movie & TV Discovery Website

Cinevra

A cinematic movie and TV discovery website powered by TMDB, with title details, trailers, filters, and a persistent browser-based watchlist.

HTML / CSS / JavaScript / TMDB API / localStorage

View Source Code →
Trackify personal productivity dashboard
02

Personal Productivity Web App

Trackify

A centralized dashboard for habits, goals, tasks, journaling, learning progress, and mood - built so I didn't have to juggle separate tracking apps.

HTML / CSS / JavaScript / Firebase / Chart.js / PWA

View Source Code ↓
86 Eighty Six interactive website
03

Interactive Web Experience

86 - Eighty Six

A fan-made interactive site exploring how visual storytelling, cinematic direction, and scroll animation can turn a webpage into an experience.

HTML / CSS / JavaScript / GSAP

04

Add screenshot
assets/images/project-health.jpg

04

Machine Learning

Health Outcome Prediction

A Decision Tree classifier trained on the Pima Indians Diabetes Database - covering preprocessing, exploratory analysis, and feature importance.

Python / Pandas / Scikit-learn / Jupyter Notebook

Result - 79.22% accuracy

04

Certificates

Credentials from structured coursework that back up the skills shown in the projects above.

01

Belajar Dasar Pemrograman Web

Dicoding Indonesia

  • HTML
  • CSS
  • Flexbox
  • Responsive Layout
Verify Certificate →
02

Belajar Dasar Pemrograman JavaScript

Dicoding Indonesia

  • JavaScript
  • OOP
  • Functional Programming
  • Async / Await
Verify Certificate →
03

Belajar Membuat Front-End Web untuk Pemula

Dicoding Indonesia

  • DOM Manipulation
  • Event Handling
  • Web Storage
Verify Certificate →
05

How I Build

01

Problem

Understand the problem or idea before thinking about the solution.

02

Research

Explore possible approaches, technologies, references, and existing solutions.

03

Design

Turn the idea into a simple structure, interface, and user experience.

04

Development

Build the project, experiment with different approaches, and iterate along the way.

05

Result

Evaluate what was built and identify what can be improved or explored next.

  1. 01 Problem
  2. 02 Research
  3. 03 Design
  4. 04 Development
  5. 05 Result
06

Skills & Technologies

Languages

  • HTML
  • CSS
  • JavaScript
  • TypeScript
  • Python

Frameworks & Libraries

  • React
  • Next.js
  • Tailwind CSS
  • Node.js / Express
  • GSAP / ScrollTrigger
  • Lenis
  • Chart.js

Data & Backend

  • Firebase / Firestore
  • REST API
  • Pandas
  • Scikit-learn
  • Jupyter Notebook

Tools & Practices

  • Git / GitHub
  • VS Code
  • Advanced JavaScript
  • Web Animation
  • Frontend Development
08

Currently Exploring

Five things pulling my attention right now, plotted as one path instead of a list.

01 Web Development
02 JavaScript
03 Web Animation
04 UI / UX
05 Data & Machine Learning
09

LET'S BUILD SOMETHING.

Have an idea, project, or just want to talk?