Skip to content

The Frontend Engine (Process)

Overview

A figure with flow of input through the process with possible outputs.

Inputs

Set of Inputs for the engine

  • R&D
  • Requirement of the particular feature/task

  • Minimum Success Criteria

  • Design Team

  • Design wise requirement of the feature/task

  • Final Locked Figma Version

  • Backend Team

  • API specs and docs

  • API flow (if multiple API are involved)

  • Scrum/PM

  • Timeline/ Sprint Mapping

  • Dependencies

  • QA

  • Known bugs from Related Features

The Engine - Process

  • Requirement Understanding
  • Research for Technical Feasibility

  • Design Review and Takeover

    Confirm Figma files, spacing, responsive behavior, accessibility

  • Component Planning

    Decide reusable components, folder structure, state needs

  • Development

  • UI development
  • API integration
  • Write Tests
  • Internal Review
  • Release & Deployment

Output

  • Fully functional Deliverables/Feature/Task

  • Frontend Notes/Documentation (if created)

  • Tests

  • QA Test Notes

  • CI passed PR (Ready for release)