Back to battles
mediumupcoming

Log Viewer

A log file viewer with filtering, search, and real-time streaming simulation.

35 min limit0 participants
javascriptcssdeveloper-tools
PRD
# Log Viewer PRD

## Overview
Build a log file viewer that supports pasting or uploading log text, auto-detects log formats, provides syntax highlighting by level, regex search, virtual scrolling for large files, and a simulated live streaming mode.

## Requirements
- Paste log text or upload a log file for viewing
- Auto-detect log format: JSON lines, syslog-style, or custom delimited formats
- Syntax highlighting by log level: debug in gray, info in blue, warn in yellow, error in red, fatal in purple
- Search with full regex support and result highlighting
- Filter by log level with toggleable checkboxes for each level
- Filter by date range with start and end date inputs
- Text wrapping toggle to switch between wrapped and horizontal-scroll modes
- Line numbers displayed alongside each log entry
- Virtual scrolling to efficiently handle 100,000+ lines without performance degradation
- Copy selected lines to clipboard
- Bookmark or pin important lines for quick reference
- JSON log expansion to pretty-print JSON fields inline when clicked
- Auto-scroll mode that follows new log entries as they appear
- Simulated live streaming mode that appends new log lines on an interval
- Column mode view showing timestamp, level, and message in separate columns
- Log statistics summary showing counts per log level
- Export the currently filtered results as a text file
- Dark theme styling throughout
- Responsive layout for desktop and mobile

## Tech Stack
- HTML, CSS, JavaScript (vanilla or any framework)
- No log viewing libraries — build parsing, virtual scrolling, and filtering yourself

## Scoring Criteria
- **Functional (40%)**: Log parsing, level detection, filtering, and search all work correctly
- **Quality (20%)**: Virtual scrolling performs smoothly at scale, clean code, handles malformed log lines gracefully
- **Fidelity (25%)**: All features implemented including streaming mode, bookmarks, JSON expansion, statistics, export
- **Speed (15%)**: Time bonus

Battle Stats

Time Limit35 min
Participants0
Statusupcoming

Rules

  • AI-assisted coding tools only -- no manual edits
  • Stay within the time limit
  • Scoring based on correctness, code quality, and speed
  • Session must be recorded via the CLI