ScribeWise is a modern, AI-powered text editor that helps you improve your writing through intelligent revisions and annotations. Built with React and TypeScript, it offers a clean, intuitive interface with powerful features.
- AI-powered text revisions with style-specific suggestions
- Smart annotations with highlighting
- Real-time word and character count
- Revision history tracking
- Dark/light mode support
- File import (TXT, MD, DOCX)
- Keyboard shortcuts
- Copy to clipboard functionality
- Accessibility features
- React + TypeScript: For type-safe, component-based UI development
- Vite: Fast build tool and dev server
- Tailwind CSS: Utility-first CSS for rapid UI development
- shadcn/ui: High-quality UI components built on Radix UI
- OpenAI API: GPT-4 for intelligent text revisions
- Mammoth.js: DOCX file processing
-
Component Architecture
- Modular components for better maintainability
- Custom hooks for shared logic
- Error boundaries for graceful error handling
-
State Management
- React's useState and useContext for local and shared state
- Efficient undo/redo implementation using state history
-
AI Integration
- Asynchronous API calls with loading states
- Context-aware revisions using surrounding text
- Style-specific prompts for targeted improvements
-
Accessibility
- ARIA labels and roles
- Keyboard navigation support
- High contrast mode compatibility
ScribeWise uses carefully crafted prompts for different writing styles:
-
Creative
Be imaginative and expressive. Use vivid language, metaphors, and engaging narrative techniques while maintaining clarity.
-
Formal
Maintain a professional and polished tone. Use clear, precise language and formal vocabulary appropriate for business or official contexts.
-
Academic
Follow academic writing conventions. Use scholarly language, maintain objectivity, and ensure proper structure and argumentation.
-
Casual
Adopt a conversational and relaxed tone while maintaining clarity and coherence. Use natural language and accessible vocabulary.
-
Technical
Focus on precision and clarity. Use technical terminology appropriately, maintain a logical structure, and prioritize accuracy.
The AI receives context about:
- Selected text
- Surrounding context
- Current writing style
- Existing annotations
- Formatting requirements
-
Clone the repository:
git clone https://github.com/yourusername/scribewise.git cd scribewise
-
Install dependencies:
npm install
-
Create a
.env
file:VITE_OPENAI_API_KEY=your_openai_api_key
-
Start the development server:
npm run dev
-
Project Setup & Scaffolding (30 minutes))
- Repository setup
- Dependencies installation
- Basic component structure
-
Frontend Development (1 hour)
- UI components
- Responsive design
- Theme implementation
- File handling
-
AI Integration (30 minutes)
- OpenAI API integration
- Prompt engineering
- Style-specific revisions
-
Core Features (2 hours)
- Text editor functionality
- Annotations system
- Revision history
- Undo/redo
-
Testing & Refinement (30 hours)
- Bug fixes
- Performance optimization
- Accessibility improvements
Total Development Time: ~ 4 hours 30 minutes (3:30 P.M to 8:00 P.M IST )
-
Enhanced AI Features
- Multiple revision options
- Style transfer between different writing styles
- Plagiarism detection
- Grammar explanation
-
Collaboration Features
- Real-time collaboration
- Comment threads
- Version control
- Share links
-
Advanced Editor Features
- Markdown support
- Rich text formatting
- Custom keyboard shortcuts
- Template system
-
Integration & Export
- Google Docs integration
- Export to more formats
- Citation management
- Bibliography generation
-
Analytics & Learning
- Writing statistics
- Improvement tracking
- Personal style analysis
- Learning recommendations
GNU General Public License v3.0
This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
See LICENSE for more details.
Made with ❤️ by Vaishnav