SICODER Logo

Hi, it's Syifa F.A

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 Downdload CV

My Services

I craft websites that not only look great, but also make sense
powered by solid code & sharp design.

Front-End Dev

Front-End Development

I build the structure of websites using HTML, style them with CSS, and add interactivity with JavaScript, combining beauty and behavior in every element.

Front-End Development

Website Design

Responsive UI Design

Designing clean and consistent layouts that adapt perfectly across all screen sizes, using Flexbox, Grid, and mobile-first techniques.

Responsive UI Design

Responsive Web

Interactive Web Components

Creating dynamic features like modals, sliders, forms, and calculators using Vanilla JavaScript.

Interactive Web Components

UI/UX Design

Code Refactoring & Optimization

Cleaning up messy code, improving performance, and making it scalable, your site runs faster, smoother, and smarter.

Code Refactoring & Optimization

Code Optimization

Creator Web Solutions

Helping individuals and creators build their personal websites from scratch, including design, structure, and interactivity.

Creator Web Solutions

Personal Project Build

Semantic & Accessible Markup

Writing semantic HTML with accessibility in mind, making your site inclusive for all users and screen readers.

Semantic & Accessible Markup

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

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

My Blog

My blog in learning, building and growing.

Challenges Day-By-Day

🗓️ 05 Juni 2025 | 1/7

🎯 Day 1: Cetak Nama dan Status

Hari ini gue belajar soal template literal di JavaScript, itu loh, string yang bisa masukin variabel langsung...

🗓️ 06 Juni 2025 | 2/7

🎯 Day 2: Kalkulator Umur

Hari ini challenge-nya cukup bikin kepala keriting 😅 kita diminta bikin program JavaScript yang bisa...

🗓️ 09 Juni 2025 | 3/7

🧠 Day 3: Mini Kalkulator Interaktif

Hari ke-3 tantangan ngoding ini lumayan bikin dahi berkerut tapi juga bikin senyum sendiri pas berhasil...

🗓️ 11 Juni 2025 | 4/7

🎮 Day 4: Game Tebak Angka

Hari ke-4 tantangan ngoding ini agak beda vibes-nya karena gua disuruh bikin game sederhana...

HTML, CSS, JavaScript

🗓️ 14 Mei 2025 | 1/2

HTML1

“Kalau website itu rumah, HTML itu pondasinya. Gak kelihatan, tapi semuanya berdiri karena dia...

🗓️ 16 Mei 2025 | 2/2

HTML2

“Kalau part 1 itu pondasi rumah, part 2 ini mulai ngatur ruangannya biar cozy dan terstruktur...

🗓️ 17 Mei 2025 | 1/4

CSS1

“HTML doang tuh kayak nasi tanpa lauk. CSS-lah yang bikin tampilannya gurih, aesthetic, dan...

🗓️ 17 Mei 2025 | 2/4

CSS2

“Kalau Card 1 itu kenalan, Card 2 ini udah mulai dandanin. Styling teks biar rapi, dan ngerti...

🗓️ 18 Mei 2025 | 3/4

CSS3

“Kalau tampilan udah cakep, sekarang kita atur penempatan biar semua elemen gak ‘ngegas’...

🗓️ 19 Mei 2025 | 4/4

CSS4

“Kalau HTML itu fondasi, CSS Card 4 ini kayak filter aesthetic-nya Instagram. Biar web-nya hidup...

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