AtiQr - Wikipedia Training Tool

A Wikipedia training tool designed for school Wikipedia clubs to help beginners, intermediate, and expert writers improve their editing skills. Get real-time analysis, side-by-side corrections, and learn Wikipedia guidelines through practice.

๐Ÿ“š Learn by Doing | ๐ŸŽฏ Real-time Corrections | ๐ŸŒ Multilingual Support | ๐Ÿ“– Wikipedia Guidelines Mastery

AtiQr Training Tool

๐ŸŒŸ Features

Dual Canvas Training Mode

  • ๐Ÿ“ Paste & Analyze: Paste your draft and see corrections side-by-side
  • ๐Ÿ“– Article Study Mode: Analyze existing Wikipedia articles to learn from good examples
  • ๐ŸŽฏ Visual Corrections: Original text vs. improved version with detailed explanations
  • ๐Ÿ“‹ Learning Points: Understand why each correction matters
  • ๐Ÿ” Citation Training: Learn where and how to add proper citations

Wikipedia Policy Compliance

  • โœ… Neutral Point of View (NPOV): Detect biased language and promotional content
  • ๐Ÿ“š Verifiability: Check citation requirements and source quality
  • ๐Ÿšซ No Original Research: Flag unsourced claims and synthesis
  • โš–๏ธ Notability: Assess if topic meets notability guidelines
  • ๐Ÿค Code of Conduct: Ensure respectful, collaborative tone

Quality Metrics

  • Readability Analysis: Flesch reading score, sentence complexity, vocabulary level
  • Citation Quality: Inline citations, citation density, reference formatting
  • Reference Assessment: Source reliability, diversity, and recency
  • Structural Analysis: Section organization, header hierarchy, content balance
  • Language Quality: Grammar, spelling, and style consistency

Multilingual Support

  • ๐ŸŒ 8 Languages: English, French, Arabic, Swahili, Hausa, Yoruba, Amharic, Zulu
  • ๐Ÿ—ฃ๏ธ Language-specific Analysis: Adapted guidelines for different Wikipedia editions
  • ๐Ÿ“– Cross-language Learning: Study articles in multiple languages
  • ๐ŸŽ“ Beginner-friendly: Perfect for school Wikipedia clubs

Training Features

  • ๐Ÿ“Š Progress Tracking: Track common mistakes and improvements over time
  • ๐ŸŽฏ Targeted Learning: Focus on specific Wikipedia guidelines
  • ๐Ÿ’ก Learning Points: Understand the "why" behind each correction
  • ๐Ÿ“ฑ Mobile Friendly: Practice on any device
  • ๐Ÿ”— Guideline Links: Direct links to Wikipedia policy pages
  • ๐Ÿ‘ฅ Perfect for Groups: Ideal for school Wikipedia clubs and training sessions

Export Features

  • ๐Ÿ–จ๏ธ Print/PDF: Generate printable training reports with full analysis
  • ๐Ÿ“ Markdown: Export to Markdown format for documentation
  • ๐Ÿ“Š CSV: Export corrections to spreadsheet format for tracking
  • ๐Ÿ’พ JSON: Export complete analysis data for developers
  • ๐Ÿ“ค Share with Teachers: Save and share your progress for feedback

๐Ÿš€ Quick Start

Prerequisites

  • Node.js 18+ and npm
  • Modern web browser with JavaScript enabled

Installation

# Clone the repository
git clone https://github.com/your-username/atiqr.git
cd atiqr

# Install dependencies
npm install

# Start development server
npm run dev

The application will be available at http://localhost:5173

Building for Production

# Build the application
npm run build

# Preview the production build
npm run preview

๐Ÿ“– Usage Guide

Two Training Modes

1. Paste & Analyze Mode

  1. Write or paste your Wikipedia draft in the text area
  2. Select your language (English, French, Arabic, Swahili, etc.)
  3. Click "Analyze & Learn"
  4. Review corrections side-by-side with explanations

2. Article Study Mode

  1. Paste a Wikipedia article URL
  2. Click "Analyze & Learn"
  3. Study how the article follows (or breaks) Wikipedia guidelines
  4. Learn from good examples and identify areas for improvement

Understanding Corrections

AtiQr identifies three types of issues:

  • ๐Ÿ”ด Critical (Errors): Violations of core Wikipedia policies (NPOV, Verifiability, No Original Research)
  • ๐ŸŸ  Important (Warnings): Style issues that affect article quality (weasel words, peacock terms)
  • ๐Ÿ”ต Suggestions: Recommendations for improvement (citation placement, structure)

Learning from Corrections

Each correction includes:

  • Original Text: What you wrote
  • Improved Version: How it should be written
  • Explanation: Why the change is needed
  • Guideline Link: Direct link to Wikipedia policy page
  • Category: Type of issue (citation, NPOV, style, etc.)

Common Issues AtiQr Catches

  1. Missing Citations: Factual claims without sources
  2. Biased Language: Words like "clearly", "obviously", "best"
  3. Weasel Words: Vague phrases like "some people say"
  4. Peacock Terms: Promotional language like "legendary", "world-famous"
  5. Original Research: Personal opinions or conclusions
  6. Poor Structure: Missing sections or unbalanced content

๐Ÿ› ๏ธ Technical Architecture

Frontend Stack

  • React 18: Modern React with hooks and functional components
  • TypeScript: Type-safe development with full IntelliSense
  • Tailwind CSS: Utility-first CSS framework for rapid styling
  • Vite: Fast build tool and development server
  • Lucide React: Beautiful, consistent icon library

API Integration

  • Wikipedia REST API: Article content and metadata
  • Wikipedia Action API: Search functionality and article parsing
  • CORS Handling: Proper cross-origin request management

Code Organization

src/
โ”œโ”€โ”€ components/          # Reusable UI components
โ”‚   โ”œโ”€โ”€ ArticleInput.tsx    # Search and URL input
โ”‚   โ”œโ”€โ”€ AnalysisResults.tsx # Main results display
โ”‚   โ”œโ”€โ”€ ScoreCard.tsx       # Individual metric cards
โ”‚   โ”œโ”€โ”€ SuggestionsList.tsx # Improvement recommendations
โ”‚   โ””โ”€โ”€ RecentAnalyses.tsx  # Analysis history
โ”œโ”€โ”€ services/           # Business logic and API calls
โ”‚   โ”œโ”€โ”€ wikipediaApi.ts    # Wikipedia API integration
โ”‚   โ””โ”€โ”€ qualityAnalyzer.ts # Article analysis algorithms
โ”œโ”€โ”€ types/              # TypeScript type definitions
โ”‚   โ””โ”€โ”€ index.ts           # Shared interfaces
โ””โ”€โ”€ App.tsx             # Main application component

๐Ÿ”ง Configuration

Environment Variables

No environment variables required for basic functionality. All APIs used are public and don't require authentication.

Customization Options

  • Scoring Weights: Modify weights in qualityAnalyzer.ts
  • UI Theme: Adjust colors in tailwind.config.js
  • API Endpoints: Configure in wikipediaApi.ts

๐Ÿงช Testing

# Run linting
npm run lint

# Type checking
npx tsc --noEmit

# Build test
npm run build

๐Ÿ“ฑ Browser Support

  • Chrome 90+
  • Firefox 88+
  • Safari 14+
  • Edge 90+

๐Ÿค Contributing

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

Development Guidelines

  • Follow TypeScript best practices
  • Use semantic commit messages
  • Ensure responsive design
  • Add proper error handling
  • Write clear, self-documenting code

๐Ÿ“„ License

This project is licensed under the MIT License - see the LICENSE file for details.

๐Ÿ™ Acknowledgments

  • Wikipedia API for providing comprehensive article data
  • Tailwind CSS for the excellent utility-first framework
  • Lucide React for beautiful, consistent icons
  • The Wikipedia editing community for inspiration

๐Ÿ“ž Support

For questions, issues, or contributions:

  • Create an issue on GitHub
  • Contact the development team
  • Check the documentation wiki

Made with โค๏ธ for the Wikipedia community

Share this project:

Updates