A sophisticated web application that detects and visualizes text repetitions with VSCode-style highlighting and multi-level analysis capabilities.
π Live Demo β’ β¨ Features β’ π¦ Installation β’ π Usage
- π Overview
- β¨ Features
- π Live Demo
- π¦ Installation
- π Usage
- ποΈ Architecture
- π€ Contributing
- π¨βπ» Author
- π Acknowledgments
RepetitionSpotter is a powerful text analysis tool designed for writers, editors, and content creators who need to identify and eliminate redundant content. Built with modern web technologies, it provides real-time analysis with an intuitive interface inspired by VSCode's highlighting system.
- Academic Writing: Perfect for research papers, theses, and scholarly articles
- Content Creation: Optimize blog posts, articles, and marketing copy
- Editorial Review: Streamline the editing process with visual repetition detection
- SEO Optimization: Improve content quality by reducing redundancy
- Paragraph Level: Detect repeated paragraphs and multi-paragraph sequences
- Sentence Level: Identify duplicate sentences across your document
- Phrase Level: Find repeated phrases with customizable minimum length
- Word Level: Analyze word-level repetitions and sequences
- Semantic Similarity: AI-powered detection of similar content with different wording
- VSCode-Style Highlighting: Professional visual feedback with color-coded levels
- Real-time Selection Analysis: Instant feedback on selected text repetitions
- Customizable Thresholds: Adjust sensitivity and minimum length requirements
- Interactive Statistics: Real-time metrics on content efficiency
- Visual Charts: Doughnut charts showing content composition
- Detailed Breakdown: Count and categorize all detected repetitions
- Export Capabilities: Save analysis results for future reference
- WYSIWYG Editor: Rich text editing with full formatting support
- Search & Filter: Quickly find specific repetitions in large documents
- Responsive Design: Works seamlessly on desktop, tablet, and mobile
- Component Architecture: Modular Next.js structure for maintainability
Experience RepetitionSpotter in action: repetition-spotter.vercel.app
- Node.js 18.0 or higher
- npm or yarn package manager
# Clone the repository
git clone https://github.com/hesbon-osoro/repetition-spotter.git
# Navigate to project directory
cd repetition-spotter
# Install dependencies
yarn install
# Start development server
yarn run devOpen http://localhost:3000 to view the application.
# Build for production
yarn run build
# Start production server
yarn start- Paste or type your text into the rich text editor
- Select detection level (Paragraph, Sentence, Phrase, or Word)
- Click "Analyze" to detect repetitions
- Review results in the sidebar with visual highlighting
Detection Settings
interface AnalysisSettings {
minLength: number; // Minimum words for detection (1-20)
similarityThreshold: number; // Similarity percentage (50-100%)
semanticSimilarity: boolean; // Enable AI-powered similarity
ignoreCase: boolean; // Case-insensitive matching
ignorePunctuation: boolean; // Ignore punctuation marks
}Selection Analysis
- Select any text to see instant repetition analysis
- View context for each detected match
- Navigate between matches with click-to-scroll functionality
Detection Levels Explained
| Level | Description | Use Case |
|---|---|---|
| Paragraph | Detects repeated paragraphs and sequences | Academic papers, long-form content |
| Sentence | Identifies duplicate sentences | Editorial review, content optimization |
| Phrase | Finds repeated phrases (3+ words) | Marketing copy, technical writing |
| Word | Analyzes word sequences and patterns | Detailed linguistic analysis |
- Frontend: Next.js 14, React 18, TypeScript
- Styling: Tailwind CSS, Custom CSS animations
- Editor: Quill.js rich text editor
- Charts: Chart.js with React integration
- Deployment: Vercel with automatic CI/CD
We welcome contributions!
- Fork the repository
- Create a feature branch:
git checkout -b feature/amazing-feature - Commit changes:
git commit -m 'Add amazing feature' - Push to branch:
git push origin feature/amazing-feature - Open a Pull Request
- Follow TypeScript best practices
- Maintain component modularity
- Add tests for new features
- Update documentation as needed
Hesbon Osoro
- GitHub: hesbon-osoro
- LinkedIn: hesbon-osoro
- Quill.js for the rich text editor
- Chart.js for data visualization
- Tailwind CSS for styling system
- Vercel for hosting and deployment
Be able to upload documents and extract text content for analysis
Be able to download analysis results (in the original format, or save as option)
Make semantic analysis work as expected from reference html
Improve the UI/UX of the application
Improve the performance of the application
Improve the accessibility of the application
Improve the security of the application
Improve the scalability of the application
Improve the maintainability of the application