This platform enhances web content with AI-powered tools and accessibility features, improving readability and engagement for all users. It combines text simplification, adaptive summaries, selective text-to-speech, and smart visual aids to create a highly interactive and user-friendly experience.

• Nithya K
• Lexi L
• Arie L
• Priya P

• ReactJS
• JavaScript
• ElevenLabs Text-to-Speech
• Featherless.ai Gemma model (via HuggingFace)

• Adaptive page summaries: Automatically generates summaries tailored to 10 difficulty levels, from simple explanations for young readers to technical explanations for experts
• Selective text-to-speech: Reads only highlighted paragraphs using ElevenLabs TTS
• Responsive image captioning: Generates image descriptions based on user selection for better comprehension

• Dyslexia-friendly font: Improves text legibility for users with dyslexia by using OpenDyslexic font
• Adjustable text: Users can modify font size, line spacing, and letter spacing based on their specific needs
• Bionic reading: Highlights key letters in words to guide reading flow and increase speed

• Large cursor: Easier navigation for users with visual impairments
• High contrast mode: Enhances readability by increasing color contrast

• Frontend: ReactJS, JavaScript, CSS
• Text processing: Featherless.ai Gemma model (via HuggingFace) for text simplification and adaptive summaries
• TTS: ElevenLabs for selective text-to-speech

1. Clone the repository:

   git clone https://github.com/yourusername/yourproject.git

2. Install dependencies:

   npm install

3. Set environment variables:

    REACT_APP_FEATHERLESS_API_KEY=<your_featherless_api_key>
    REACT_APP_ELEVENLABS_API_KEY=<your_elevenlabs_api_key>
    REACT_APP_VOICE_ID=<your_voice_id>

4. Start the npm server:

   npm run build

5. Navigate to Chrome Extensions and enable Developer Mode. Click "Load unpacked" and select the dist folder of the project.