Text Case Converter - Copilot Instructions

Project Overview

A lightweight, vanilla JavaScript text case converter web application focused on simplicity, performance, and user experience.

Development Guidelines

Code Quality Standards

Minimal Code: Write the fewest lines possible without sacrificing readability
Descriptive Naming: Variable/function names should be self-documenting
Modular Design: Maximum 25 lines per function, single-purpose components
Pure Functions: Conversion functions should be side-effect free
Error Handling: Validate inputs and handle edge cases gracefully

Architecture Principles

Vanilla JavaScript only (no external dependencies)
Modular converter functions (one per case type)
Separation of concerns (conversion logic, UI controller, utilities)
Real-time processing with performance optimization
Accessibility-first design (ARIA labels, keyboard navigation)

File Structure

case-converter/
├── index.html          # Main HTML structure
├── styles.css         # All styling (mobile-first responsive)
├── script.js          # Core application logic
├── README.md          # Documentation
└── tests/             # Future test files

Core Components

Conversion Engine (
```
converters
```
object)
- Pure functions for each case type
- Smart word boundary detection
- Handle mixed input formats
UI Controller (
```
ui
```
object)
- DOM manipulation
- Event handling
- Real-time updates
- Copy-to-clipboard functionality
Utilities (
```
utils
```
object)
- Input validation
- Text preprocessing
- Clipboard integration

Supported Case Types

camelCase
PascalCase
snake_case
kebab-case
SCREAMING_SNAKE_CASE
lowercase
UPPERCASE
Title Case
Sentence case

Performance Requirements

Handle large text inputs (10,000+ characters) smoothly
Debounced real-time updates
Efficient DOM updates
No memory leaks

Browser Compatibility

Modern browsers (ES6+ features)
Fallbacks for Clipboard API
Cross-browser tested

Accessibility Features

ARIA labels for all interactive elements
Keyboard navigation support
Screen reader compatibility
High contrast support
Focus management

When implementing features:

Start with pure conversion functions
Build UI controller with event handling
Add copy-to-clipboard functionality
Implement responsive design
Add accessibility features
Optimize performance
Handle edge cases

Development Guidelines

Minimal Code: Write the fewest lines possible without sacrificing readability

Descriptive Naming: Variable/function names should be self-documenting

Modular Design: Maximum 25 lines per function, single-purpose components

Pure Functions: Conversion functions should be side-effect free

Error Handling: Validate inputs and handle edge cases gracefully

Vanilla JavaScript only (no external dependencies)

Modular converter functions (one per case type)

Separation of concerns (conversion logic, UI controller, utilities)

Real-time processing with performance optimization

Accessibility-first design (ARIA labels, keyboard navigation)

case-converter/
├── index.html          # Main HTML structure
├── styles.css         # All styling (mobile-first responsive)
├── script.js          # Core application logic
├── README.md          # Documentation
└── tests/             # Future test files

Conversion Engine (

converters

object)

Pure functions for each case type
Smart word boundary detection
Handle mixed input formats

UI Controller (

ui

object)

DOM manipulation
Event handling
Real-time updates
Copy-to-clipboard functionality

Utilities (

utils

object)

Input validation
Text preprocessing
Clipboard integration

camelCase

PascalCase

snake_case

kebab-case

SCREAMING_SNAKE_CASE

lowercase

UPPERCASE

Title Case

Sentence case

Handle large text inputs (10,000+ characters) smoothly

Debounced real-time updates

Efficient DOM updates

No memory leaks

Modern browsers (ES6+ features)

Fallbacks for Clipboard API

Cross-browser tested

ARIA labels for all interactive elements

Keyboard navigation support

Screen reader compatibility

High contrast support

Focus management

When implementing features:

Start with pure conversion functions

Build UI controller with event handling

Add copy-to-clipboard functionality

Implement responsive design

Add accessibility features

Optimize performance

Handle edge cases

Text Case Converter - Copilot Instructions

Text Case Converter - Copilot Instructions

Project Overview

Development Guidelines

Code Quality Standards

Architecture Principles

File Structure

Core Components

Supported Case Types

Performance Requirements

Browser Compatibility

Accessibility Features

Related Skills

Markdown Converter

Nano Banana Pro

1password

Text Case Converter - Copilot Instructions

Project Overview

Development Guidelines

Code Quality Standards

Architecture Principles

File Structure

Core Components

Supported Case Types

Performance Requirements

Browser Compatibility

Accessibility Features