New Feature

Create backend/app/api/$ARGUMENTS.py with:

• Flask Blueprint named ${ARGUMENTS}_bp
• RESTful routes prefixed with the feature name
• All routes decorated with @jwt_required()
• JSON request parsing and response formatting
• Call service functions from step 2

Then register the blueprint in backend/app/__init__.py:

from app.api.$ARGUMENTS import ${ARGUMENTS}_bp
app.register_blueprint(${ARGUMENTS}_bp, url_prefix='/api/v1/$ARGUMENTS')

4. Frontend API Methods

Add methods to frontend/src/services/api.js in the ApiService class:

• get$ARGUMENTS(), create$ARGUMENTS(), update$ARGUMENTS(), delete$ARGUMENTS()
• Follow the existing pattern of other API methods in that file

5. Frontend Page

Create frontend/src/pages/$ARGUMENTS.jsx with:

• Functional component using React hooks
• Fetch data on mount using the API methods from step 4
• Basic CRUD UI with table/list and form
• Loading states and error handling
• Import the LESS stylesheet from step 6

Then add the route in frontend/src/App.jsx inside the authenticated routes.

6. Frontend Styles

Create frontend/src/styles/pages/$ARGUMENTS.less with:

• BEM-like naming: .${ARGUMENTS}__element--modifier
• Use existing design system variables (@card-bg, @primary-color, @spacing-md, etc.)
• Import the new file in frontend/src/styles/main.less

Rules

• Python: PEP 8, type hints where helpful
• React: Functional components with hooks only, PascalCase filenames
• LESS: No inline styles, use design system variables
• One logical change per commit