VinTo

Simplify your code, clarify your day.

A lightweight, sidebar-integrated todo list for VS Code. VinTo helps you stay in the flow by keeping your personal tasks exactly where your code lives. No context switching, just progress.

✨ Features

📋 Seamless Task Management

• Create, edit, and organize todos without leaving VS Code
• Rich text descriptions with formatting support
• Priority levels (High, Medium, Low) with visual indicators
• Due dates with calendar picker
• Tag your tasks for better organization

🎯 Stay Focused

• Sidebar integration keeps tasks visible while you code
• Multiple view modes: List, Group by Priority, Status, or Date
• Smart search and filtering
• Pending tasks notification on startup

📊 Track Your Progress

• Visual profile overview with interactive charts
• Completion rate tracking
• Priority distribution insights
• Statistics dashboard

🎨 Beautiful & Intuitive

• Modern, clean interface that adapts to your VS Code theme
• Smooth animations and transitions
• Responsive design
• Accessible and keyboard-friendly

🔒 Your Data, Your Control

• All data stored locally in VS Code
• No external services or accounts required
• Privacy-first approach

🚀 Getting Started

Installation

1. Open VS Code
2. Press Cmd+Shift+X (Mac) or Ctrl+Shift+X (Windows/Linux)
3. Search for "VinTo"
4. Click Install

First-Time Setup

When you first activate VinTo, you'll be prompted to create your profile:

• Enter your name and email
• Optionally add your GitHub username
• Start adding todos!

📖 Usage

Adding a Todo

1. Click the + icon in the VinTo sidebar
2. Fill in the details:
   • Title (required)
   • Priority (High, Medium, Low)
   • Due Date (optional)
   • Tags (optional)
   • Description with rich text formatting
3. Click "Add Todo"

Managing Todos

• ✓ Complete: Click the checkbox next to any todo
• ✏️ Edit: Click the edit icon
• 🗑️ Delete: Click the trash icon
• 📌 Set Priority: Right-click → Change Priority
• 📅 Set Due Date: Right-click → Set Due Date
• 📋 Duplicate: Right-click → Duplicate

Organizing Your View

Click the view mode icon to switch between:

• List View: See all todos in a flat list
• Group by Priority: Organize by High, Medium, Low
• Group by Status: Separate Pending and Completed
• Group by Date: Overdue, Today, This Week, Later

Searching & Filtering

• 🔍 Search: Click the search icon and type to find todos
• 🔄 Clear Search: Click the X icon to reset
• 🎯 Filter: Show All, Hide Completed, or Show Only High Priority

Profile Overview

Run the command "Show Profile Overview" to see:

• Your profile information
• Task statistics (Total, Completed, Pending, Completion Rate)
• Visual charts showing completion status and priority distribution

⚙️ Settings

VinTo can be customized through VS Code settings:

Access settings: Preferences → Settings → Extensions → Personal Todo List

🎨 Screenshots

Sidebar Integration

Your todos, right where you need them

Rich Text Editor

Format your task descriptions with ease

Profile Overview

Track your progress with beautiful charts

Multiple View Modes

Organize tasks your way

🛠️ Commands

Access these commands via Command Palette (Cmd+Shift+P / Ctrl+Shift+P):

🤝 Contributing

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

Commit Convention

VinTo uses Conventional Commits. Please follow this format:

<type>(<scope>): <subject>

Examples:

feat(ui): add dark mode support
fix(storage): resolve data persistence issue
docs(readme): update installation instructions

See COMMIT_GUIDELINES.md for detailed information.

Development

1. Clone the repository
2. Run npm install
3. Press F5 to start debugging
4. Make your changes
5. Submit a pull request

📝 License

This project is licensed under the MIT License.

💬 Feedback & Support

• Issues: GitHub Issues
• Discussions: GitHub Discussions
• Email: your.email@example.com

🌟 Show Your Support

If VinTo helps you stay productive, please:

• ⭐ Star the repository
• 📝 Leave a review on the VS Code Marketplace
• 🐦 Share with your fellow developers