Frontend Engineer

Hi, I'm Danar Alifian

Danar Alifian

About Me

Hi, my name is Danar Alifian. I’m a Frontend Engineer with over 5 years of experience in building responsive, user-focused web applications.

I specialize in translating UI/UX designs into clean, maintainable code and optimizing frontend performance. I collaborate closely with backend teams to ensure smooth integration and seamless user experiences.

Throughout my career, I’ve worked extensively with technologies like React, TypeScript, and Next.js, and I use state management tools such as Redux and Zustand. I also rely on Tailwind CSS for efficient styling and Git for version control.

Additionally, I help implement Google Analytics and Google Tag Manager to enable the Product Team to track, measure, and optimize user behavior effectively. I'm passionate about building high-quality web products and continuously learning new technologies to stay up-to-date with industry trends.

ReactNext.jsTypeScriptTailwind CSSGoogle Analytics

Work Experience

July 2022 - February 2025
Noctua Games, Jakarta

Key Achievements:

  • Develop and maintain Noctua platform. For game listing and digital e-commerce.
  • Enhance web performance on the Top Up Page, improving the score from 47% to 80%.
  • Developed top-up flow with multiple payment gateway integration.
  • Integrated Xendit tokenization payment method for credit card transactions.
  • Contributed by performing stress testing with k6 browser tests to simulate real-world traffic scenarios.
  • Develop an admin dashboard with Role base access control.
  • Set up RBAC structure on frontend (route guards), Coordinated with backend team to define role policies and permissions

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

NestJS
Node.js
Express.js
REST APIs
MySQL
PostgreSQL
TypeORM
Docker
GitHub Actions (CI/CD)
Alibaba Cloud (SAS)
Nginx

My Portofolio

All
NestJs
Supabase
Xendit
JWT
TypeScript
TypeORM
Alibaba Cloud
Nginx
Docker
Next.js
Tailwind CSS
React
Vite
Storybook
Framer Motion
E-commerce Backend
DemoCode

E-commerce Backend

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

NestJs
Supabase
Xendit
+6
Landing Page Website
DemoCode

Landing Page Website

A Responsive landing page to highlight services and company profile.

Next.js
Tailwind CSS
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
+3
Portfolio Website
Demo

Portfolio Website

A responsive portfolio website showcasing my projects and skills.

Next.js
Tailwind CSS
Framer Motion
+2