Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Description

Quickly draft FE and BE architecture and code snippets for efficient implementation.

Version

Status
title1.0

Pre-selected AI

Status
colourRed
titleAnthropic: Claude 3.5 Sonnet

Contexts

Jira issue (full context) Project: Purpose, Project: Features / Advantages, Project: Target Audience, Project: Tech Stack, Jira issue (full context)

Steps

Key Components

  • Input: Jira issue description and context

  • AI Task: Break the solution into Frontend (FE) and Backend (BE) components:

    • Identify core functionalities for each.

    • Prioritize based on criticality to the solution.

  • Output: A structured table of FE and BE components.

1

Sketch Architecture

  • Input: Components and tech stack context

  • AI Task: Propose lightweight architectures for FE and BE:

    • For FE: Define UI framework and state management tools.

    • For BE: Suggest API design and database integration patterns.

  • Output: A conceptual architecture sketch.

2

Code Outline

  • Input: Component details and architecture

  • AI Task: Generate conceptual code:

    • FE: Provide basic UI structure and state management logic.

    • BE: Create skeleton APIs and database interaction snippets.

  • Output: Lightweight code snippets for FE and BE components.

3

Validate Sketch

  • Input: FE and BE code sketches

  • AI Task: Review the sketches for feasibility:

    • Highlight missing interactions between FE and BE.

    • Propose improvements for modularity and scalability.

  • Output: A validation table for FE and BE components.