SICODER Logo

Hi, it's Kai Shi

I'm a

I don’t just want to code. I want to build. Build interfaces, experiences, and a future where I take full control of my skills and story. This is where it starts. You’re not just looking at a portfolio. You’re witnessing a path in the making. Let’s create something extraordinary.

Hire me Download CV

About Me

Get to know more about my journey and passion

Hi, I'm Kai Shi

I'm a passionate front-end developer and UI designer with a focus on creating clean, responsive, and user-friendly web applications. I love turning ideas into reality through code and design, and I'm always eager to learn new technologies and improve my skills.

Currently, I'm honing my skills in HTML, CSS, JavaScript, and various front-end frameworks. My goal is to build intuitive interfaces that enhance user experience while maintaining high performance and accessibility standards.

When I'm not coding, you can find me exploring new design trends, contributing to open-source projects, or sharing my knowledge with the community.

Feel free to connect with me on social media or check out my projects on GitHub!

Syifa Fauziyah Arizal

My Skills

Skills I've Sharpened So Far

Technical Skills

HTML5

Semantic & accessible structure

CSS3

Flexbox, Grid, Animations, Styling

JavaScript (Vanilla)

DOM, Events, Basic Logic, Interactivity

Responsive Design

Mobile-first, Flexible Layouts, Media Queries

Git & GitHub

Version Control, Commits, Repositories

QA (Quality Assurance)

Manual cross-device testing & issue tracking via Notion

Styling & UI

UI/UX

Focus on clean layout & visual hierarchy

Typography & Color Theory

Matching brand with aesthetic

CSS Animation

Smooth interaction, hover, @keyframes

Component-based thinking

Reusable layout design

Soft Skills

Problem Solving

Enjoys debugging and solving tricky errors until it's done

Consistency & Focus

Steady learning routine, committed to progress every day

Collaboration & Empathy

Communicative and open-minded when working with others

Self-Learning

Actively explores tech, reads docs, and learns independently

Tools & Platform

VS Code

My main code editor — clean, fast, reliable

GitHub

For version control and project hosting

Figma (Basic)

For wireframing and experimenting with UI ideas

N

Notion

Used for planning, notes, and learning documentation

ChatGPT

Helps me reflect, refine ideas, and accelerate tasks with clarity and speed.

My Blog

My blog in learning, building and growing.

Challenges Day-By-Day

June 5, 2025

Day 1: Print Name and Status

Today I learned about template literals in JavaScript. You know, that thing where you can insert variables...

June 6, 2025

Day 2: Simple Age Calculator

Today's challenge really made my brain curl 😅 We were asked to create a JavaScript program that...

June 9, 2025

Day 3: Interactive Calculator

Day 3 of this coding challenge really made me frown but also smile when I finally got it working. I was...

June 11, 2025

Day 4: Number Guessing Game

Day 4 of this coding challenge had a different vibe because I was asked to create a simple game...

July 7, 2025

Day 5: Creative Name Looping

After taking some time off to focus on other projects, I'm finally back to the JS challenges! This time...

July 15, 2025

Day 6: Odd, Even, or Special?

Yo! Back again with day 6 challenge. Today I'm playing with numbers, but not just checking...

My Project

These are the projects where I learn and grow by building.

Button & Login
HTML CSS UI Component Responsive Design

Interactive Button & Login UI – HTML/CSS

A visually appealing login component showcasing custom button hover effects, clean form design, and responsive layout. Designed to practice UI/UX microinteractions using pure HTML and CSS.

To-do List
HTML CSS JavaScript Mobile-first Design

To-Do List App (Mobile Version)

A simple mobile to-do list application built using HTML, CSS, and vanilla JavaScript. This project focuses on the user experience on mobile devices, with features: add tasks, delete tasks, and save data in real-time in sessions.

Let's Connect

Have a project, idea, or just want to say hi? Reach me here:

Code visual