Support ticket dashboard

Add reliable status and priority filters to a working application.

Free · AI-assisted

Your task

Build status and priority filters for the supplied ticket dashboard. Combine both selections, display only matching tickets, and keep the original list unchanged.

Filter by status.
Filter by priority.
Combine both filters.
Keep the original list unchanged.

Repository

All supplied files are editable. Browser checks exercise src/tickets.js. Download to run the Fastify and SQLite application.

src/tickets.js

Editable

export function filterTickets(tickets, filters) {
  return tickets;
}

Tests

Not run yet

Run the public checks against your implementation.

AI-assisted Coding

Build here. Use your preferred AI assistant in another tab, then bring the code back to review and test.

Or use another assistant and choose the model you prefer. Copying context does not send it anywhere until you paste it into that service.

No API key or model download required on CodeBaobab. Nothing is sent to an AI provider automatically. Your chosen assistant may have its own fees and data policies. Never copy secrets or private data.

01 Copy the task context

What would you like help with?Include src/tickets.js

Review task context

Help me practise this CodeBaobab application exercise. Explain your reasoning. Do not claim tests passed unless I provide actual results.

Task:
Build status and priority filters for the supplied ticket dashboard. Combine both selections, display only matching tickets, and keep the original list unchanged.

# Support ticket dashboard

The application already renders a ticket queue. Your task is to implement
filterTickets(tickets, filters) in src/tickets.js.

Each ticket has id, title, status (open or resolved), and priority (high or low).
Each filter is all or one of the supported values.

Requirements:
- Keep a ticket only when BOTH selected filters match.
- The value all places no restriction on that field.
- Preserve input order. Do not mutate the input array or its tickets.
- Return an empty array if no ticket matches.

The HTML and CSS are editable too. Keep the status, priority, summary, and
tickets element IDs so the supplied dashboard adapter can connect them.

This pilot runs JavaScript business logic in a disposable browser Worker.
The logic file has no DOM access, packages, network, or external imports.
Preview rendering uses the supplied adapter, not arbitrary application scripts.
Tests are public practice checks, not a secure hidden-test submission judge.

Follow-up: How would you retain the chosen filters when opening a ticket?


Public checks:
// Public checks. The runner also checks input immutability.
// No filters: preserve every ticket
filterTickets(tickets, {"status":"all","priority":"all"});

// Open tickets only
filterTickets(tickets, {"status":"open","priority":"all"});

// High-priority tickets only
filterTickets(tickets, {"status":"all","priority":"high"});

// Combine status and priority
filterTickets(tickets, {"status":"open","priority":"low"});

// No matching tickets
filterTickets(tickets, {"status":"resolved","priority":"high"});

// An empty queue
filterTickets([], {"status":"all","priority":"all"});

Editable file: src/tickets.js. Do not change tests or introduce secrets. If proposing code, return the complete replacement for this file in a single code block.

Current file (src/tickets.js):
```
export function filterTickets(tickets, filters) {
  return tickets;
}

```

My request:
Help me understand the task and plan my implementation before writing code.

02 Review the response

Paste replacement code for src/tickets.js

03 Test and explain

Run the checks in the Code tab. For backend applications, download the project and run the full service tests locally. Explain why your change works—an AI response is not a test result.