HADFINA SYAHIDA

HADFINA SYAHIDA

FRONTEND DEVELOPER

Frontend Developer passionate about frontend technologies and digital product development. Specialized in React.js, JavaScript (ES6+), and building dynamic, reusable components.

About Me

As a Junior Frontend Developer, I have a strong passion for frontend technologies and digital product development. I specialize in React.js and JavaScript (ES6), with hands-on experience in working with APIs and building dynamic, reusable components. I enjoy collaborating with designers and product teams, solving real-world problems, and continuously learning new technologies to create impactful and user-centered web applications.

2+
Projects
2
Experience
25+
Skills
3
Education

Skills & Technologies

Frontend Development

React.js
React.js
JavaScript (ES6+)
JavaScript (ES6+)
HTML5
HTML5

UI & Design Tools

Ant Design
Ant Design
Tailwind CSS
Tailwind CSS
Figma
Figma

State Management

Redux
Redux
Context
Context
React Query
React Query

API & Data Handling

Axios
Axios
Fetch API
Fetch API
MySQL (basic)
MySQL (basic)

Code Quality & Architecture

Clean Code
Clean Code
Component Reusability
Component Reusability
Design Pattern
Design Pattern
Debugging
Debugging
Vite
Vite
ESLint
ESLint

Version Control

Git
Git
GitHub
GitHub

Collaboration & Workflow

Teamwork
Teamwork
UI/UX Collaboration
UI/UX Collaboration
Agile/Scrum
Agile/Scrum
Problem Solving
Problem Solving

Professional Experience

Frontend Developer

Smart Puska

Sep 2025 - Saat ini (3 bln)
Area DKI Jakarta

Mengembangkan dan memelihara platform pembelajaran berbasis web bernama "Smart Puska" menggunakan React 19, Vite, dan Clean Architecture. Platform ini dirancang untuk manajemen bank soal, ujian tryout, dan konten edukasi dengan fokus pada skalabilitas dan maintainability.

Key Responsibilities

  • Mendesain dan mengimplementasikan sistem manajemen bank soal dengan rich text editor (CKEditor 5 + MathType) untuk mendukung input matematika dan kimia
  • Mengembangkan sistem manajemen pengguna dengan role-based access control (RBAC), termasuk autentikasi, otorisasi, dan manajemen permission
  • Membangun modul manajemen sekolah dan wilayah dengan fitur CRUD dan validasi data
  • Mengimplementasikan sistem manajemen paket premium/gratis dengan konfigurasi harga yang fleksibel
  • Mengembangkan sistem pembayaran terintegrasi dengan manajemen metode pembayaran online/offline
  • Mendesain dashboard analytics untuk monitoring dan statistik aktivitas pengguna
  • Menerapkan Clean Architecture untuk separation of concerns, meningkatkan maintainability dan testability codebase
  • Mengoptimalkan performa aplikasi dengan lazy loading, code splitting, dan React Query untuk data fetching
  • Mengembangkan komponen reusable dan custom hooks untuk meningkatkan code reusability

Technologies Used

React 19ViteCKEditor 5MathTypeReact QueryClean ArchitectureJavaScript

Frontend Developer Intern

Tablelink Project

Jan 2025 - Apr 2025
Indonesia

Membantu dalam pengembangan sistem Point of Sale (POS) berbasis web menggunakan React.js dan Ant Design. Membangun antarmuka dashboard, form, dan tabel dengan rendering data dinamis. Memanfaatkan React Query untuk pengambilan data dan sinkronisasi API. Berpartisipasi dalam rapat sprint dan tinjauan proyek dengan pengembang dan pemilik produk.

Key Responsibilities

  • Membantu dalam pengembangan sistem Point of Sale (POS) berbasis web menggunakan React.js dan Ant Design
  • Membangun antarmuka dashboard, form, dan tabel dengan rendering data dinamis
  • Memanfaatkan React Query untuk pengambilan data dan sinkronisasi API
  • Berpartisipasi dalam rapat sprint dan tinjauan proyek dengan pengembang dan pemilik produk

Technologies Used

React.jsAnt DesignReact QueryJavaScript

Featured Projects

Smart Puska - Learning Platform
17 Photos

Smart Puska - Learning Platform

Platform pembelajaran berbasis web untuk manajemen bank soal, ujian tryout, dan konten edukasi. Dibangun dengan React 19, Vite, dan Clean Architecture dengan fokus pada skalabilitas dan maintainability. Platform ini mencakup sistem manajemen pengguna dengan RBAC, sistem pembayaran terintegrasi, dan dashboard analytics.

  • Question bank management dengan rich text editor (CKEditor 5 + MathType)
  • User management system dengan role-based access control (RBAC)
  • School dan region management dengan CRUD features
  • Premium/free package management dengan flexible pricing
  • Integrated payment system dengan online/offline methods
  • Analytics dashboard untuk monitoring dan user activity statistics
  • Clean Architecture untuk separation of concerns
  • Performance optimization dengan lazy loading dan code splitting
  • Reusable components dan custom hooks
React 19ViteCKEditor 5MathTypeReact QueryClean ArchitectureJavaScript
Tablelink POS System
3 Photos

Tablelink POS System

Sistem Point of Sale berbasis web dengan dashboard dinamis, form, dan tabel interaktif. Dibangun dengan React.js, Ant Design, dan React Query untuk manajemen state dan data fetching yang efisien.

  • Dashboard dinamis dengan rendering data real-time
  • Form management yang user-friendly
  • Tabel interaktif dengan data dinamis
  • Integrasi API dengan React Query
  • Kolaborasi dalam sprint meeting dan review proyek
React.jsAnt DesignReact QueryJavaScript

Education

Teknik Informatika

Universitas Pamulang

2024 - 2027

Saya saat ini menempuh pendidikan di Universitas Pamulang, jurusan Teknik Informatika. Saya memiliki minat kuat untuk menjadi AI Engineer dan telah mempelajari berbagai dasar penting seperti Kalkulus, Aljabar, Statistik, serta Logika dan Struktur Data. Saya juga terus mengembangkan kemampuan di bidang pemrograman dan pembelajaran mesin untuk membangun solusi AI yang inovatif.

English Language Program

Kampung Inggris Pare

2023 - 2024

Program intensif untuk meningkatkan kemampuan bahasa Inggris dengan fokus pada Grammar, Speaking, Pronunciation, dan Vocabulary.

Tata Busana

SMK Al-Falah

2018 - 2020

Pendidikan menengah kejuruan dengan fokus pada desain dan tata busana.

Get In Touch

Let's Connect

Saya selalu terbuka untuk diskusi tentang proyek baru, kolaborasi, atau sekadar berbagi ide. Jangan ragu untuk menghubungi saya!