Fewer Applicants
Fewer Applicants, Higher Chance
company logo

Front End Engineer

MG Group

Actively hiring 5h ago

No Sign Up Required!

Job Description

What You'll Do

Development & Implementation

  • Build and maintain Angular applications serving B2B travel booking workflows, inventory management, agent portals, and transactional interfaces
  • Implement pixel-perfect UIs from Figma designs, ensuring responsive behavior across desktop, tablet, and mobile
  • Develop complex UI components using PrimeNG, Bootstrap , and custom component libraries
  • Integrate REST APIs with .NET Core backend services, handling complex data flows, error states, and edge cases
  • Manage application state using RxJS patterns (Observable, BehaviorSubject, takeUntil), NgRx, or similar state management approaches
  • Optimize frontend performance through lazy loading, caching strategies, efficient rendering, and bundle optimization
  • Write maintainable, scalable code following component-driven architecture and Angular best practices

Quality & Testing

  • Write unit tests using Jasmine/Karma to ensure code reliability and prevent regressions
  • Conduct code reviews and provide constructive feedback to maintain code quality standards
  • Debug production issues using browser DevTools or similar monitoring tools
  • Perform cross-browser testing to ensure consistent behavior across platforms
  • QA your own work in before handing off to QA team

Collaboration & Communication

  • Partner with UI/UX Designers to translate design requirements into technical implementations, providing feedback on feasibility
  • Collaborate with Backend Engineers to define API contracts, handle data structures, and troubleshoot integration issues
  • Work with offshore teams requiring clear communication, documentation, and async collaboration
  • Participate in Agile ceremonies: sprint planning, daily standups, demos, and retrospectives
  • Document technical decisions and component usage for team reference

Problem-Solving & Optimization

  • Identify and resolve performance bottlenecks in frontend code, rendering, and API interactions
  • Handle complex business logic in the frontend layer (calculations, validations, workflow orchestration)
  • Troubleshoot production issues quickly using monitoring tools (Elastic Search, Kibana)
  • Propose technical improvements to architecture, tooling, or development workflow

Requirements

Required Qualifications

Education, Experience & Domain

  • Bachelor's degree in Computer Science, Informatics, Information Technology/Information Systems, Software Engineering, or related technical field (preferred)
  • 3–7+ years of professional frontend development experience
  • 3+ years hands-on Angular experience (Angular 12+ in production environments)—not "willing to learn Angular"
  • 3+ years HTML5, CSS3/SCSS, and JavaScript/ES6+ experience
  • Proven track record building complex web applications—not just landing pages or marketing sites
  • Designer collaboration: Experience working closely with UI/UX to refine designs and improve usability
  • Fluent in English (written and verbal) for distributed team collaboration

Technical Skills

  • Advanced Angular proficiency: Components, services, directives, pipes, routing, guards, interceptors, lifecycle hooks
  • Strong TypeScript: Interfaces, generics, type safety, decorators
  • Deep RxJS knowledge: Observable patterns, BehaviorSubject, operators (map, switchMap, combineLatest, etc.), memory leak prevention (takeUntil, unsubscribe)
  • State management: NgRx or similar state management patterns for complex application state
  • UI component libraries: Experience with Angular Material, PrimeNG 16+, Bootstrap 4+
  • Component-driven architecture: Building reusable, maintainable component hierarchies
  • Responsive design: Mobile-first approach, CSS Grid/Flexbox, media queries, adaptive layouts
  • REST API integration: HTTP client, error handling, authentication, request/response interceptors
  • Git workflow: Branching strategies, pull requests, code reviews, merge conflict resolution
  • Figma implementation: Translating design specs into pixel-perfect implementations

JavaScript Fundamentals

  • Closures, scope, hoisting, event loop, promises, async/await
  • Array methods (map, filter, reduce, forEach, find, etc.)
  • Object manipulation and destructuring
  • ES6+ features (arrow functions, template literals, spread/rest operators, modules)

Technical Environment Understanding

  • Our stack: Angular 16+ frontend → Dockerized .NET Core backend → Couchbase + SQL Server → Elasticsearch + Kibana logging
  • Debugging capabilities: Browser DevTools, New Relic, or similar application monitoring tools
  • Understanding of how frontend integrates with backend services and databases

Mindset

  • Ownership mentality — treats features and outcomes as your own
  • User-obsessed — makes decisions based on user satisfaction, engagement, and business impact
  • Data-driven — demands evidence before building; measures results after shipping
  • Quality-focused — doesn't accept "good enough" when excellence is achievable
  • Autonomous — operates independently while staying aligned with company goals
💙

Tips Menjaga Diri

Perusahaan dan Lowongan di Dealls tidak meminta data pribadi, informasi rekening, atau pungutan ketika melamar. Hindari juga lowongan Google Form / Grup Telegram tanpa keabsahan yang jelas.

About MG Group
Learn More

THE B2B HOSPITALITY MARKETPLACE Connected dynamically to the world’s top B2B buyers and sellers

OUR PURPOSE Leveraging technology and differentiated service to help travel buyers & sellers grow and win.

TECHNOLOGY-DRIVEN The Industry’s only microservices-based platform especially designed and engineered for B2B distribution. High-Performance JSON APIs and next-gen architecture maximize speed, flexibility, and simplicity.

Granular level control over your distribution by channel, market, and agency.

Industry
Hospitality
Location
Jakarta Pusat, Indonesia
Company Size
employees