Frontend Engineer

Hi, I'm Danar Alifian

Danar Alifian

About Me

ReactNext.jsTypeScriptTailwind CSSGoogle Analytics

Work Experience

August 2025 - February 2026
Upscalix, Remote

Key Achievements:

  • Contributed to the ENPNT web platform by owning key parts of multiple core user flows within an existing production frontend codebase, aligning new features with established architecture and legacy patterns.
  • Designed and implemented an interactive calendar component with drag-and-drop date manipulation, handling complex state updates and user interaction edge cases.
  • Implemented and refined GraphQL queries and mutations across multiple scheduling modules, improving data consistency and reducing unnecessary data fetching.
  • Worked closely with product and backend teams to translate scheduling requirements into reliable frontend implementations.

My Skill Set

Here’s a breakdown of my current tech stack, tools, and platforms I’m actively learning and using.

Frontend

HTML5
CSS3
JavaScript
TypeScript
React
Next.js
React Native
Tailwind
Less
Socket.io
Redux
Zustand

Tools

Lighthouse
Git
npm
yarn
Vite
ESLint
Jest
Testing Library
Storybook
K6
Expo

Analytics

Google Analytics
Google Tag Manager
SEO
A/B Testing

Additional Skills

Directus
Strapi
NestJS
Node.js
Express.js
REST API's
MySQL
PostgreSQL
TypeORM
Docker
GitHub Actions (CI/CD)
Tencent Cloud
Nginx

My Portofolio

All
NestJs
Supabase
Xendit
JWT
TypeScript
TypeORM
Nginx
Docker
Next.js
Tailwind
React
Vite
Storybook
Strapi
Framer Motion
Tencent Cloud
Turborepo
Cloudflare
Imgproxy
Directus
XP Topup - Game Top-Up Store Demo
Demo

XP Topup - Game Top-Up Store Demo

A web demo that simulates a digital top-up system with end-to-end transaction flow.

Directus
Xendit
Next.js
+3
Imaglaze — Image Optimization
Demo

Imaglaze — Image Optimization

Imaglaze is a non-commercial demo showcasing an image optimization pipeline using imgproxy with Cloudflare R2 storage.

NestJs
Next.js
Imgproxy
+6
E-commerce Backend
DemoCode

E-commerce Backend

E-commerce backend for Furnish — a furniture ecommerce platform.

Supabase
NestJs
Xendit
+5
 Landing Page Website
DemoCode

Landing Page Website

A Responsive landing page to highlight services and company profile.

Next.js
Tailwind
TypeScript
+1
Select Component React Library
DemoCode

Select Component React Library

Custom Select component built for React applications using the React library.

Vite
Storybook
React
+2
Portfolio Website
Demo

Portfolio Website

A responsive portfolio website showcasing my projects and skills.

Next.js
Strapi
Tailwind
+4