A comprehensive, modern web-based file processing platform with 51+ professional tools, AI-powered features, and enterprise-grade performance. Built with Next.js 14, TypeScript, and modern web technologies.
- PDF Tools (9 tools): Split, compress, protect, to-images, OCR, convert, watermark, extract-text, rotate
- Image Tools (20 tools): Crop, rotate, flip, background-removal, resize, compress, watermark, enhance, blur, brightness-contrast, saturation, grayscale, border, sepia, negative, round-corners, metadata, collage
- Video Tools (12 tools): Convert, compress, trim, extract-audio, thumbnail, merge, split, watermark, speed, rotate, mute, optimize
- AI Tools (4 tools): Document analyzer, text generator, image enhancer, chatbot builder
- Featured Tools (6 tools): PDF merge, image converter, collaborative editor, workflow builder, file organizer
- AI-Powered Document Analyzer: Intelligent content analysis and optimization suggestions
- Real-time Collaborative Editor: Multi-user editing with live synchronization
- Automated Workflow Builder: Visual pipeline creation for batch processing
- Smart File Organization: AI-powered file management and organization
- Batch Processor: Multi-format processing with AI optimization
- Performance: Advanced caching, CDN integration, lazy loading
- Security: Rate limiting, file validation, secure processing
- Accessibility: WCAG 2.1 compliant, keyboard navigation, screen reader support
- Responsive: Mobile-first design, cross-browser compatibility
- Frontend: Next.js 14, React 18, TypeScript, Tailwind CSS
- UI Components: shadcn/ui, Radix UI, Lucide Icons
- Backend: Next.js API Routes, Node.js
- File Processing: Sharp (images), pdf-lib (PDFs), FFmpeg (videos)
- Caching: Multi-tier memory cache with TTL and LRU eviction
- Performance: Bundle optimization, image optimization, code splitting
# Clone the repository
git clone https://github.com/PMStander/web-tools.git
cd web-tools
# Install dependencies
npm install
# Set up environment variables
cp .env.example .env.local
# Run development server
npm run devOpen http://localhost:3000 with your browser to see the result.
# Required
NEXT_PUBLIC_APP_URL=http://localhost:3000
# Optional - AI Services
OPENAI_API_KEY=your_openai_key
ANTHROPIC_API_KEY=your_anthropic_key
# Optional - Analytics
GOOGLE_ANALYTICS_ID=your_ga_id
MIXPANEL_TOKEN=your_mixpanel_token# Install Vercel CLI
npm i -g vercel
# Deploy
vercel --prod# Build image
docker build -t webtools-pro .
# Run container
docker run -p 3000:3000 webtools-pro- Lighthouse Score: 95+ (Performance, Accessibility, Best Practices, SEO)
- Core Web Vitals: All metrics in green
- Bundle Size: < 500KB initial load
- Cache Hit Rate: 85%+ for file processing operations
- API Response Time: < 200ms average
- File Validation: MIME type checking, size limits, malware scanning
- Rate Limiting: Tier-based limits (free/pro/enterprise)
- Security Headers: XSS protection, CSRF prevention, content security policy
- Data Privacy: Automatic file cleanup, no permanent storage
- Access Control: Session-based authentication, API key validation
- Chrome: 90+
- Firefox: 88+
- Safari: 14+
- Edge: 90+
- Mobile: iOS Safari 14+, Chrome Mobile 90+
- Split: Split PDF files into multiple documents
- Compress: Reduce PDF file size with quality control
- Protect: Add password protection to PDF files
- To Images: Convert PDF pages to image formats
- OCR: Extract text from scanned PDFs
- Convert: Convert PDFs to various formats
- Watermark: Add text/image watermarks to PDFs
- Extract Text: Extract text content from PDFs
- Rotate: Rotate PDF pages and documents
- Crop: Crop images with aspect ratio control
- Rotate: Rotate images with custom angles
- Flip: Flip images horizontally/vertically
- Background Removal: AI-powered background removal
- Resize: Resize images with dimension control
- Compress: Smart image compression
- Watermark: Add text/image watermarks
- Enhance: AI image enhancement
- Blur: Apply blur effects
- Brightness/Contrast: Adjust brightness and contrast
- Saturation: Control color saturation
- Grayscale: Convert to grayscale
- Border: Add custom borders
- Sepia: Apply vintage sepia effects
- Negative: Create negative effects
- Round Corners: Add rounded corners
- Metadata: View/extract image metadata
- Collage: Create image collages
- Convert: Convert between video formats
- Compress: Smart video compression
- Trim: Trim videos with precision
- Extract Audio: Extract audio from videos
- Thumbnail: Generate video thumbnails
- Merge: Merge multiple videos
- Split: Split videos into segments
- Watermark: Add watermarks to videos
- Speed: Change video playback speed
- Rotate: Rotate and flip videos
- Mute: Remove or adjust audio
- Optimize: Platform-specific optimization
- Document Analyzer: AI-powered document analysis and insights
- Text Generator: Generate content with customizable AI
- Image Enhancer: AI super-resolution and quality enhancement
- Chatbot Builder: Build intelligent AI chatbots
- PDF Merge: Merge multiple PDF files
- Image Converter: Convert between image formats
- Collaborative Editor: Real-time document collaboration
- Workflow Builder: Visual workflow automation
- File Organizer: AI-powered file organization
POST /api/files/upload
Content-Type: multipart/form-data
Response:
{
"success": true,
"fileId": "uuid",
"fileName": "document.pdf",
"fileSize": 1024000,
"mimeType": "application/pdf"
}POST /api/tools/pdf/merge
{
"fileIds": ["file1", "file2"],
"outputName": "merged.pdf"
}
Response:
{
"success": true,
"outputFileId": "uuid",
"downloadUrl": "/api/files/download?fileId=uuid",
"processingTime": 1500
}# Run all tests
npm test
# Run with coverage
npm run test:coverage
# Run E2E tests
npm run test:e2e- Real-time metrics collection
- Cache hit/miss ratios
- API response times
- Error rates and patterns
# Check system health
curl https://your-domain.com/api/health
# Check cache status
curl https://your-domain.com/api/cache/statssrc/
├── app/
│ ├── tools/ # Tool pages
│ │ ├── pdf/ # PDF tools (9 tools)
│ │ ├── image/ # Image tools (19 tools)
│ │ ├── video/ # Video tools (12 tools)
│ │ ├── ai/ # AI category page
│ │ ├── pdf-merge/ # Featured PDF tool
│ │ ├── image-converter/ # Featured image tool
│ │ ├── ai-*/ # AI tools (4 tools)
│ │ └── */ # Other featured tools
│ ├── api/ # API routes
│ └── globals.css # Global styles
├── components/
│ ├── layout/ # Layout components
│ ├── tools/ # Tool-specific components
│ └── ui/ # UI components (shadcn/ui)
└── lib/ # Utilities and configurations
- TOOLS_DOCUMENTATION.md: Complete inventory of all 51 implemented tools
- DEVELOPMENT_GUIDELINES.md: Guidelines for adding new tools
- Component Documentation: Each tool follows consistent patterns and templates
- Read DEVELOPMENT_GUIDELINES.md
- Follow the tool template and checklist
- Update navigation and category pages
- Test thoroughly before submitting
- Fork the repository
- Create a feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
This project is licensed under the MIT License.
- Issues: GitHub Issues
- Email: support@webtools-pro.com
WebTools Pro - Empowering productivity through intelligent file processing.