🤖 CodeSnap AI

AI-Powered Code Analysis & Problem Solving Desktop Application

Transform screenshots into solutions with intelligent code analysis and multi-modal AI assistance

---

CodeSnap AI is a revolutionary desktop application designed to empower developers with AI-driven code analysis and problem-solving capabilities. Simply capture screenshots of code, MCQs, or programming challenges, and let our advanced AI models provide instant, intelligent solutions and explanations.

• Students learning programming concepts and solving assignments
• Developers debugging complex code and optimizing performance
• Interview Candidates practicing coding problems and MCQs
• Professionals seeking quick code reviews and best practices
• Educators explaining programming concepts with visual aids

# Download
wget https://github.com/Kishan-Patel-dev/CodeSnap-AI/releases/latest/download/codesnap-ai-*.AppImage

# Make executable and run
chmod +x codesnap-ai-*.AppImage
./codesnap-ai-*.AppImage

# Download and install
wget https://github.com/Kishan-Patel-dev/CodeSnap-AI/releases/latest/download/codesnap-ai_*_amd64.deb
sudo dpkg -i codesnap-ai_*_amd64.deb

# Download and install
wget https://github.com/Kishan-Patel-dev/CodeSnap-AI/releases/latest/download/codesnap-ai_*_amd64.snap
sudo snap install codesnap-ai_*_amd64.snap --dangerous

Access cutting-edge AI models for different use cases:

• Syntax Highlighting - Clean, readable code presentation
• Error Detection - Identify bugs and potential issues
• Performance Optimization - Suggestions for better efficiency
• Step-by-step Debugging - Detailed problem-solving approach
• Multi-language Support - JavaScript, Python, Java, C++, and more

• True macOS Glassmorphism Design - Authentic frosted glass UI with enhanced blur effects
• Responsive Design - Adapts to different screen sizes
• Advanced Visual Effects - Backdrop blur and saturation for premium feel
• Global Hotkeys - Work seamlessly across applications
• Privacy-First - Local processing, no data collection
• Cross-Platform - Consistent experience on all OS

Perfect for analyzing code problems and getting structured solutions

1. Capture Code: Press Ctrl+H (Windows/Linux) or ⌘+H (macOS)
2. Select Area: Draw around the code you want to analyze
3. Process: Hit Ctrl+Enter to start AI analysis
4. Review Solutions: Browse through explanations and code suggestions
5. Copy & Use: Select and copy the solutions you need

Ideal for conversational programming help and learning

1. Switch Mode: Press Ctrl+M or click "Question Mode"
2. Ask Anything: Type your programming question naturally
3. Add Context: Optionally attach screenshots using "📷 Attach Screenshot"
4. Get Help: Press Ctrl+Enter for detailed AI responses
5. Learn: Engage in follow-up conversations

Example Questions:

• "Can you explain how async/await works in JavaScript?"
• "What's the difference between REST and GraphQL?"
• "How do I optimize this database query?"

Designed for multiple choice questions and exam preparation

1. Switch Mode: Press Ctrl+M twice or click "MCQ Mode"
2. Capture Question: Use Ctrl+H to screenshot the MCQ
3. Analyze: Click "Analyze MCQ" to process the question
4. Review Answer: See the correct choice highlighted
5. Understand: Read detailed explanations for all options

• Node.js 18+ (LTS recommended)
• Bun (preferred) or npm/yarn/pnpm
• Git for version control

# Clone the repository
git clone https://github.com/Kishan-Patel-dev/CodeSnap-AI.git
cd CodeSnap-AI

# Install dependencies (recommended)
bun install

# Alternative package managers
# npm install
# yarn install
# pnpm install

# Development mode with hot reload
bun dev

# Type checking
bun run typecheck

# Linting
bun run lint

# Code formatting
bun run format

# Build for production
bun run build

# Platform-specific builds
bun run build:win    # Windows
bun run build:mac    # macOS
bun run build:linux  # Linux

CodeSnap-AI/
├── src/
│   ├── main/           # Electron main process
│   ├── preload/        # Preload scripts
│   └── renderer/       # React UI components
├── build/              # Build assets
├── resources/          # App icons and resources
├── .github/           # CI/CD workflows
└── web/               # Landing page

CodeSnap AI features a sophisticated glassmorphism design inspired by macOS aesthetics:

• Glassmorphism Effects: backdrop-blur-2xl with backdrop-saturate-150 for authentic frosted glass
• Layered Transparency: Progressive opacity levels (white/15, white/20, white/30)
• Enhanced Saturation: Color vibrancy boost for premium visual appeal
• Consistent Interactions: Unified hover/active states across all components

• Base Containers: bg-white/15 backdrop-blur-2xl backdrop-saturate-150
• Interactive Elements: bg-white/20 hover:bg-white/30 active:bg-white/40
• Text Hierarchy: text-white/90 (primary), text-white/60 (secondary), text-white/40 (tertiary)
• Border Styling: border-white/30 with subtle glows and shadows

We welcome contributions from the community! Here's how you can help:

Found a bug? Open an issue with:

• Clear description of the problem
• Steps to reproduce
• Expected vs actual behavior
• Screenshots if applicable

Have an idea? Suggest a feature by describing:

• The problem it solves
• Proposed solution
• Alternative approaches considered

1. Fork the repository
2. Create a feature branch (git checkout -b feature/amazing-feature)
3. Make your changes with clear, tested code
4. Commit with conventional commit messages
5. Push and open a Pull Request

• Code Style: We use Prettier and ESLint for consistent formatting
• Testing: Add tests for new features when applicable
• Documentation: Update relevant docs and comments
• Commits: Use conventional commits format

• OS: Windows 10+, macOS 10.15+, or Linux (Ubuntu 18.04+)
• RAM: 4 GB (8 GB recommended)
• Storage: 200 MB free space
• Display: 1366x768 minimum resolution

• RAM: 8 GB or more
• Storage: SSD with 500 MB free space
• Display: 1920x1080 or higher
• Network: Stable internet for AI model access

• 🛡️ Privacy-First: No personal data collection or storage
• 🔒 Local Processing: Sensitive operations happen on your device
• 🌐 Secure Communication: All API calls use encrypted HTTPS
• 👁️ Transparent: Open source code for full transparency

• All AI providers maintain their own security and privacy standards
• Screenshots are processed temporarily and not stored permanently
• You control when and what data is sent to AI services

• Multi-modal AI integration
• Cross-platform desktop app
• Question mode implementation
• MCQ analysis features
• True macOS glassmorphism UI design
• Plugin system for custom AI models
• Collaborative features

• Web version for browser use
• Mobile companion app
• Team collaboration features
• Custom AI model training
• Advanced code refactoring tools
• Integration with popular IDEs

• Real-time code collaboration
• Built-in code editor with AI assistance
• Project-wide codebase analysis
• Learning path recommendations

• Electron Vite - Fast Electron development
• React - UI component library
• TypeScript - Type-safe development
• Tailwind CSS - Utility-first CSS framework
• Radix UI - Accessible UI primitives

• Lucide - Beautiful icon set
• Heroicons - Additional icons
• UI/UX Inspiration from modern design systems

• All our contributors and testers
• The open-source community for amazing tools and libraries
• Feedback providers helping us improve

• Documentation: Check this README and GitHub Wiki
• Issues: Report bugs or ask questions
• Discussions: Community discussions

• ⭐ Star this repository if you find it helpful
• 🐦 Share with your developer friends
• 💝 Contribute to make it even better

Kishan Patel

• GitHub: @Kishan-Patel-dev
• Twitter: @Kishan_Patel-dev
• Linkedin: @Kishan-patel-dev