Skip to main content

Front-End Example

Requirement:

Build Product Management

Step 1

Identify Domain:

Commerce

Step 2

Identify Subdomain:

Product Management

Step 3

Generate Structure:

ProductModel
ProductApi
ProductState
ProductService

ProductCard
ProductForm
ProductList
ProductPage

Step 4

Apply Skills:

Model Skill
API Skill
State Skill
Atom Skill
Molecule Skill
Storybook Skill
Testing Skill

Step 5

Generate Code.

The architecture is now largely deterministic.

Mini Exercise​

Repeat this front-end example for a different business area and list the resulting structure and skills.

Example​

For support tickets:

  • domain: Customer Support
  • subdomain: Ticket Management
  • structure: TicketModel, TicketApi, TicketState, TicketService, TicketList, TicketForm, TicketPage
  • skills: Model Skill, API Skill, State Skill, Molecule Skill, Testing Skill