Full-Stack Web Developer

|

I craft polished, high-performance web interfaces with Next.js and Tailwind. Focused on fluid motion, micro-interactions, and elegant design systems.

About Me

Hi, I'm Maliki Kadafa Tsaqif

Informatics with a product mindset

I study Informatics at Telkom University in Bandung, with a strong focus on full-stack web development and practical software engineering. My work spans booking systems, financial calculators, weekly planners, and weather dashboards built with modern stacks like Next.js, React, TypeScript, Tailwind CSS, and Firebase.

Through projects such as ShuttleBook, IDCost, Weekly Schedule, Clima9, and a Java-based SD Card Synchronizer, I’ve gained hands-on experience with database systems, RESTful architectures, real- time synchronization, and clean, accessible UI design — all aimed at solving concrete, everyday problems.

Selected Work

Featured Projects

Clima9 Weather Dashboard

A comprehensive weather dashboard with advanced data visualizations, interactive charts, and responsive dark-mode UI for multi-day forecasts.

Next.js 14TypeScriptReactTailwind CSSChart.js

Code Live Demo

ShuttleBook Web App

A responsive badminton court booking application with real-time slot availability, dark mode support, and a modular pricing system to prevent double bookings.

Next.js 14TypeScriptReactTailwind CSSFirebase Firestore

Code Live Demo

Weekly Schedule Web App

A weekly planner with drag-and-drop scheduling, Firebase authentication, dark mode, and cloud persistence for managing tasks across devices.

ReactJavaScriptreact-beautiful-dndFirebase AuthFirestore

Code Live Demo

IDCost Web App

A responsive financial calculator suite for Indonesian users, covering tax, mortgage, loan, and cost-of-living simulations with visualized outputs.

HTMLCSSJavaScriptChart.js

Code Live Demo

SD Card Synchronizer

A Java-based utility to synchronize files between SD cards and local storage, plus additional experiments and utilities available on my GitHub.

JavaOOPFile I/OAutomation

Code

Expertise

Technical Skills

I specialize in building robust, scalable frontend applications. My stack is centered around the React ecosystem, with a strong emphasis on type safety and performance.

Beyond coding, I care deeply about user experience, accessibility, and design systems.

Core Frontend

React

Next.js

TypeScript

HTML5

CSS3

JavaScript (ES6+)

Styling & UI

Tailwind CSS

Framer Motion

Sass/SCSS

CSS Modules

Styled Components

Tools & Ecosystem

Git

Webpack

Vite

Jest

Cypress

Figma

Get in Touch

Let's Work Together

Have a project in mind or just want to say hi? I'm always open to discussing new opportunities and interesting ideas.

dafatsaqif@outlook.com

@dafatsq

Jakarta, ID · Remote Available