Skip to content

hesbon-osoro/repetition-spotter

Repository files navigation

RepetitionSpotter

Next.js TypeScript Tailwind CSS Vercel

πŸ” Advanced Text Analysis Tool for Content Optimization

A sophisticated web application that detects and visualizes text repetitions with VSCode-style highlighting and multi-level analysis capabilities.

πŸš€ Live Demo β€’ ✨ Features β€’ πŸ“¦ Installation β€’ πŸ“– Usage

preview

πŸ“‘ Table of Contents


🌟 Overview

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.

🎯 Key Benefits

  • 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

✨ Features

πŸ” Multi-Level Detection

  • 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

🎨 Advanced Analysis

  • 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

πŸ“Š Comprehensive Reporting

  • 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

πŸ› οΈ Professional Tools

  • 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

πŸš€ Live Demo

Experience RepetitionSpotter in action: repetition-spotter.vercel.app

πŸ“¦ Installation

Prerequisites

  • Node.js 18.0 or higher
  • npm or yarn package manager

Quick Start

# 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 dev

Open http://localhost:3000 to view the application.

Production Build

# Build for production
yarn run build

# Start production server
yarn start

πŸ“– Usage

Basic Analysis

  1. Paste or type your text into the rich text editor
  2. Select detection level (Paragraph, Sentence, Phrase, or Word)
  3. Click "Analyze" to detect repetitions
  4. Review results in the sidebar with visual highlighting

Advanced Configuration

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

πŸ—οΈ Architecture

Technology Stack

  • 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

🀝 Contributing

We welcome contributions!

  1. Fork the repository
  2. Create a feature branch: git checkout -b feature/amazing-feature
  3. Commit changes: git commit -m 'Add amazing feature'
  4. Push to branch: git push origin feature/amazing-feature
  5. Open a Pull Request

Development Guidelines

  • Follow TypeScript best practices
  • Maintain component modularity
  • Add tests for new features
  • Update documentation as needed

πŸ‘¨β€πŸ’» Author

Hesbon Osoro

πŸ™ Acknowledgments

πŸ“Έ Screenshots

preview

preview

preview

Future Updates

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

Releases

No releases published

Packages

 
 
 

Contributors