Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>DeepFlowNew to Visual Studio Code? Get it now.
DeepFlow

DeepFlow

Sai Teja Vellanki

|
13 installs
| (0) | Free
DeepFlow is a Visual Studio Code extension that helps developers track their coding productivity by visualizing submission counts over time. This extension displays a submission graph in a webview, allowing users to see their progress and share it easily. It features an interactive grid and a pie ch
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

#New Features

  1. Snapshot Management

Create Snapshots: Capture the current state of your code with a timestamped snapshot. This allows you to save and revisit code states for later reference or rollback. Restore Snapshots: Easily restore previous snapshots to revert to earlier code versions. You can select from a list of snapshots and restore them directly within VS Code. Delete Snapshots: Remove specific snapshots from your list when they are no longer needed. This helps keep your snapshot repository clean and relevant. Clear All Snapshots: Delete all snapshots at once with a confirmation prompt. This feature helps in managing storage and maintaining a clean snapshot directory.

  1. Submission Tracking

Update Submission Count: Tracks the number of document saves and increments the submission count only when the content has changed. This ensures accurate tracking of meaningful changes. View Submission Graph: Visualize your submission data through a graph. This provides insights into your coding activity over time. View Milestones: Access and review submission milestones. This feature highlights key points in your submission history.

Commands

deepflow.createSnapshot: Create a snapshot of your current code with a custom name. deepflow.restoreSnapshot: Restore a snapshot from the list of available snapshots. deepflow.showGraph: Display a graph of your submission data in a webview. deepflow.showMilestones: Show milestones related to your submissions in a webview.

Installation

Open VS Code. Go to the Extensions view (Ctrl+Shift+X). Search for DeepFlow. Click Install to add the extension to your VS Code environment.

Usage

Create a Snapshot: Use the command palette (Ctrl+Shift+P) and type DeepFlow: Create Snapshot. Follow the prompts to name your snapshot. Restore a Snapshot: Use the command palette (Ctrl+Shift+P) and type DeepFlow: Restore Snapshot. Select a snapshot to restore or delete. View Submission Graph: Use the command palette (Ctrl+Shift+P) and type DeepFlow: Show Graph to visualize your submission data. View Milestones: Use the command palette (Ctrl+Shift+P) and type DeepFlow: Show Milestones to view your submission milestones. Configuration No additional configuration is required. The extension will automatically create a .snapshots directory in your workspace to store snapshots.

Contributing Contributions are welcome! Please open an issue or submit a pull request if you have suggestions or improvements.

DeepFlow Extension

DeepFlow is a VS Code extension designed for developers who want to enhance their coding experience by visualizing their submission habits in a fun and engaging way. Inspired by gaming mechanics, DeepFlow turns your coding journey into a game-like experience, motivating you to achieve your goals and celebrate your milestones!

Features

🎮 Submission Graph

  • Visualize Your Progress: The submission graph tracks your coding submissions over time, presenting the data in a colorful grid format. Each day represents your coding activity, ncouraging you to stay active and engaged.
  • Daily Updates: The graph updates in real-time to reflect your submissions, so you can see your progress at a glance.

🏆 Milestone Badges

  • Achievement Unlocked: Earn badges for reaching milestones in your submissions, such as 50, 100, and 500 submissions. Each badge comes with a unique design, giving you a sense of accomplishment.
  • Animated Display: Watch as your badges come to life with exciting animations whenever you achieve a new milestone.

📊 Total Submission Counter

  • Track Your Efforts: Keep an eye on your total submissions with a dedicated counter. This feature helps you understand your coding patterns and encourages you to submit more.
  • Gamified Experience: The counter adds a gaming element, motivating you to reach new heights and strive for personal bests.

🌟 Stats Overview

  • User Level System: Your submissions contribute to a user level that reflects your experience. The levels range from "None" to "TITAN," creating a sense of progression similar to gaming systems.
  • Total Badges and Active Days: View your total badges earned and the number of active days you've had coding, adding to your competitive spirit.

📅 Milestones Page

  • Track Your Achievements: The milestones page displays all the badges you have earned along with the criteria for each.
  • Visual Representation: Each milestone is visually represented, providing a clear view of your progress and achievements over time.
  • Encouragement to Set Goals: The milestones page motivates users to aim for higher achievements by providing a clear pathway of what is needed to unlock the next badge or level.

Shortcuts

  • Open Submission Graph: Ctrl + Shift + P → Type DeepFlow: Open Submission Graph // Ctrl + Shift + g
  • Open Milestones Page: Ctrl + Tab (custom shortcut to access milestones)
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft