Front End Engineer (React Js, NextJs)

About the Role

Software Engineer

Next.js / React-based web application

Skills & Qualifications

Technical Skills

• Strong experience with

  React.js and Next.js

  for building modern web applications.
• Basic working experience with

  Angular

  to support UI development or contribute to cross-project frontend initiatives when required.
• Proficiency in

  TypeScript

  , HTML5, CSS3, and modern UI patterns.
• Exposure to

  Node.js

  for building lightweight backend or BFF services, including REST APIs and middleware.
• Exposure to microservices-based architectures.
• Experience building

  form-heavy, configuration-driven UIs

  (builders, editors, dashboards).
• Familiarity with

  JSON-based schema models

  (forms, layouts, validations).
• Experience integrating with

  REST APIs

  and handling async workflows.
• Knowledge of

  state management

  (React Context, Redux, Zustand, etc.).
• Understanding of

  role-based access control (RBAC)

  and multi-tenant UI design.
• Experience with

  CI/CD pipelines

  , frontend testing, and build tooling.
• Familiarity with

  design systems

  and component libraries (Material UI, AntD, etc.).

Nice to Have

• Knowledge of warehouse, logistics, or operational systems (RDT/WMS).
• Experience with

  AngularJS

Key Responsibilities

UI Design & Development

• Build and maintain the

  Self-Service Portal

  using Next.js and React.
• Develop reusable UI components for:
• Workflow Designer (steps, sequencing, branching)
• Screen Designer (fields, labels, layout, validations)
• Rules & validations configuration
• Implement configuration-driven UI that reflects backend metadata models.
• Implement

  RBAC

  and permission-based access to workflows and configurations in UI.

Ownership & Collaboration

• Own UI features end-to-end: design, implementation, testing, and rollout.
• Collaborate closely with:
• Product Owners
• Backend engineers (API contracts & integration)
• UX designers (usability and consistency)
• Contribute to frontend best practices, coding standards, and architecture decisions.

What You’ll Work On

• Workflow List & Management pages
• Visual Workflow Editor (steps, transitions, rules).
• Screen Designer (JSON-based screen schema editor).
• Validation & Rules configuration UI.
• Versioning, publishing, and rollback experiences.
• Preview/simulation mode to visualize how Velox will render screens.

Tech Stack (UI)

• Frontend:

  Next.js, React, TypeScript

• UI Libraries:

  Material UI / AntD (as applicable)

• State Management:

  Context / Redux / Zustand

• API Integration:

  REST, JSON schema-based models

• CI/CD:

  GitHub Actions / Azure DevOps

• Deployment:

  Azure App Service / Static Web Apps