About Me

Arifian Saputra

Arifian Saputra

AI Technical Mentor
@ Infinite Learning Indonesia

Full Stack Web Developer

Who Am I?

A passionate individual with deep interest in AI and Web Development. I've been teaching for 2+ years in AI field, specializing in Machine Learning, Large Language Models, Natural Language Processing, and building production-ready web applications.

Stats

Years Teaching2+
Projects Built15+
Students Taught100+

Skills & Expertise

Machine Learning
LLM & NLP
Full Stack Dev
Database
Web Apps
Teaching
Next.js
React
Node.js
Express
MongoDB
Tailwind CSS
Bootstrap
Python
Framer Motion
TensorFlow
Keras
Red Hat
Docker

What I Offer

Web Development

  • Frontend (HTML, CSS, JS, React, Tailwind)
  • Backend (Express, Flask, FastAPI) + Database
  • Full Stack (MERN Stack, Next.js)
  • WordPress Development

AI & Machine Learning

  • Python API & AI Chatbot Development
  • ML Modelling (Deep Learning, NLP, CV)
  • Recommendation & Time Series
  • Model Deployment with Python Backend

Mentoring & Others

  • Private Mentoring (AI & Web Dev)
  • DevOps & Linux Tutorials
  • Deployment Guidance
  • Webinar Request (Institutional)

Education

2020 - 2024Bachelor's Degree

S1 Teknik Informatika

Universitas Maritim Raja Ali Haji

Tanjungpinang, Kepulauan Riau, Indonesia

2017 - 2020High School

Matematika dan Ilmu Alam

SMA Negeri 1 Bintan Utara

Tanjunguban, Kepulauan Riau, Indonesia

About This Website

This website is a hobby project I built to showcase my portfolio, projects, and skills. It's designed with a clean, modern aesthetic and built using some of the latest web technologies. Feel free to explore and get inspired! Anyway, this website is 50% human-crafted and 50% vibe-coded lol.

Frontend

Next.js
React
TypeScript
Tailwind CSS
shadcn/ui

Backend AI

FastAPI
Python
Google Gemini AI

Design System

Typography

Lexend Deca

Headings & Titles

--font-heading / font-heading

Inclusive Sans

Body Text & UI

--font-sans / font-sans
Color Palette

Teal 500 (Primary Accent)

teal-500 | #14b8a6

Teal 700 (Buttons)

teal-700 | #0f766e

Background (Light)

background | #FFFBFF

Background (Dark)

background | #191919

Card Background

zinc-100/zinc-900 | #f4f4f5 / #18181b

Animation System
LibraryFramer Motion
Fade-in Duration500-600ms
Stagger Children100ms (0.1s)
Easing FunctioneaseOut
Translate Y (Start)20px
Hover Transitions300ms
Design Principles
  • Non-Rounded Design

    All corners use rounded-none for brutalist aesthetic

  • Bento Grid Layout

    Modular card-based layout with varying spans

  • Hover Border Accent

    Cards highlight with border-teal-500 on hover

  • Grayscale-to-Color

    Images start grayscale, colorize on hover

  • Underline Highlights

    Key text uses border-b-2 border-teal-500