SuperTracker

Easiest way to organize your tasks

A modern, keyboard-first task management application built with the T3 Stack.

Tech Stack

• ⚡ Next.js 15 with App Router for the framework
• 🔐 NextAuth.js for authentication
• 🎨 Tailwind CSS for styling
• 🔤 Geist Mono for typography
• 📊 Drizzle for database ORM
• 🎯 Shadcn UI for UI components
• 📋 TanStack Table for table management
• 🎨 Framer Motion for animations
• 📦 Lucide for icons
• 🚀 Vercel for hosting

Core Features

Task Management

• Three-tab system for task organization:
  • Open
  • In Progress
  • Closed
• Task listing in data tables with columns for:
  • Name
  • Priority
  • Created date
  • Due date
  • Assignee
  • Labels
  • Status

Keyboard Navigation

• Arrow key (↑↓) navigation through task rows
• Enter key to open task details
• Left/Right (←→) arrow navigation in focus mode
• Numeric shortcuts (1,2,3) for status changes

Task Details Modal

• Detailed task information view
• Comment system
  • Add new comments
  • View comment history
• Status management
  • Status change dropdown
  • Confirmation modal for status changes
• Real-time updates without breaking modal navigation

Enhanced Features

• Filtering system
  • Filter by name
• Multiple sorting options
  • Creation date
  • Due date

Future Features

• Loading with infinite pagination
• Advanced filtering system
  • Multiple filter combinations
  • Save custom filters
• Global search functionality
• Showing and maintaining counts in tabs
• Having the option to take action on any row from the table itself.

Getting Started

1. Clone the repository
2. Install dependencies:

   pnpm install

3. Copy .env.example to .env and fill in your environment variables
4. Run the development server:

   pnpm dev