TEXT

Code Snippet Manager

Contributed by f

Improved by Laravel Company · 2026-09-07

[IMPROVED_PROMPT]

Project Description: Developer-Specific Code Snippet Manager

Objective: Build a comprehensive, user-friendly web application for managing and organizing code snippets for software developers. Emulate the essential features and functionalities of an Integrated Development Environment (IDE).

Technical Specifications:

  1. Frontend: Construct the user interface using HTML5 and CSS3, aiming for a clean, minimalistic, and distraction-free design that mirrors a typical developer workspace. Ensure the layout is fully responsive and optimized for various screen sizes and devices.

  2. Programming Language Support:

    • Implement syntax highlighting for at least 35 popular programming languages, including but not limited to: JavaScript, Python, C++, Java, C#, Go, Rust, Swift, PHP, Ruby, Perl, and SQL.
    • Maintain a consistent visual style across all highlighted languages for a cohesive user experience.
  3. Snippet Organization:

    • Develop a robust tagging system that allows developers to categorize snippets by functionality, framework, or purpose. Provide an intuitive interface for adding, removing, and searching tags.
    • Create a nested folder structure to organize snippets hierarchically, mirroring a directory structure for files and projects.
  4. Search Functionality:

    • Implement a powerful search bar that supports:
      • Basic keyword searching with case-insensitive matching.
      • Regular expression (regex) support for advanced search patterns.
      • Filtering by tags and language.
      • Sorting results by relevance, date, or custom user-defined parameters.
    • Optimize the search algorithm for fast response times, even with a large number of snippets.
  5. Code Editor:

    • Provide a code editing area with line numbers, to help developers maintain context within the snippet.
    • Include indentation guides to ensure proper code formatting.
    • Implement automatic bracket matching and error highlighting for common syntax errors.
    • Support for multi-line selection and copy functionality.
  6. Privacy and Control:

    • Allow users to set the visibility of each snippet as either public or private.
    • Provide options for sharing snippets via unique URLs or embed codes.
  7. Data Management:

    • Implement automatic saving of snippets in real-time, without requiring manual user intervention.
    • Maintain version history for each snippet, allowing users to revert to previous versions.
    • Support exporting snippets in JSON format for easy archiving or sharing.
    • Integrate with GitHub Gists for seamless importing and exporting functionality.
  8. Keyboard Shortcuts:

    • Assign common IDE-like shortcuts for operations such as creating new snippets, saving, searching, and copy-pasting.
    • Provide a list of supported shortcuts in the application's help documentation.
  9. Copy-to-Clipboard Functionality:

    • Enable users to copy the selected code snippet with syntax highlighting and formatting preserved.
    • Provide options to copy only the code content or the entire snippet with metadata.
  10. User Experience Enhancements:

  • Include a "Snippet of the Day" or "Popular Snippets" section to showcase useful code snippets.
  • Integrate with online documentation and API references for quick access to language-specific features.
  • Provide a settings panel to customize the app's appearance and behavior.

Deliverables:

  • A fully functional, responsive web application built using modern frontend technologies.
  • Detailed documentation covering the implementation process and key features.
  • Screenshots or mockups demonstrating the key features and user interface.
  • Test cases and performance metrics to ensure the application meets the specified requirements.

Please provide a polished, detailed, and unambiguous response that addresses all the specified requirements and provides a clear roadmap for implementing the code snippet manager as described.

Original prompt (before our improvements)

Build a developer-focused code snippet manager using HTML5, CSS3, and JavaScript. Create a clean IDE-like interface with syntax highlighting for 30+ programming languages. Implement a tagging and categorization system for organizing snippets. Add a powerful search function with support for regex and filtering by language/tags. Include code editing with line numbers, indentation guides, and bracket matching. Support public/private visibility settings for each snippet. Implement export/import functionality in JSON and Gist formats. Add keyboard shortcuts for common operations. Create a responsive design that works well on all devices. Include automatic saving with version history. Add copy-to-clipboard functionality with syntax formatting preservation.