Back to battles
mediumupcoming

Code Snippet Manager

Organize and search code snippets with syntax highlighting and tags.

35 min limit0 participants
javascripttypescriptdeveloper-tools
PRD
# Code Snippet Manager PRD

## Overview
Build a code snippet manager that lets developers save, organize, and quickly find code snippets with syntax highlighting, tagging, and folder organization.

## Requirements
- Create snippets with title, code, language, description, and tags
- Syntax highlighting for at least 10 languages (JavaScript, Python, TypeScript, HTML, CSS, Go, Rust, Java, C++, SQL)
- Copy code to clipboard with one click
- Search by title, description, tag, or code content
- Filter snippets by programming language
- Tag management with autocomplete suggestions
- Organize snippets into folders or collections
- Edit and delete existing snippets
- Import and export snippets as JSON
- Code formatting and proper indentation display
- Line numbers display in code view
- Expand/collapse snippets in the list view
- Favorite/star snippets for quick access
- Sort by created date, modified date, language, or title
- Snippet count and usage stats dashboard
- Responsive layout and persist all data to localStorage

## Tech Stack
- JavaScript or TypeScript with any frontend framework
- Syntax highlighting library allowed (Prism.js, highlight.js, etc.)
- localStorage for persistence

## Scoring Criteria
- **Functional (40%)**: Snippet CRUD works, syntax highlighting renders, search and filter work
- **Quality (20%)**: Clean code architecture, smooth UX, proper error handling
- **Fidelity (25%)**: All features present including import/export, folders, and stats
- **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