task-tracker-svelte-typescript Svelte Themes

Task Tracker Svelte Typescript

Task Tracker App

🎯 Project Overview

A clean, keyboard-friendly task tracker built with Svelte + Vite. Features weekly “Upcoming Tasks”, searchable/paginated task list, priority badges, and a central Add Task modal.

image

✨ Features

  • Add / list / complete / delete tasks (Svelte stores)
  • Upcoming week strip with prev/next (Mon–Sun) and AU date format
  • Task list with search, pagination (7 per page), and priority chips (High/Medium/Low)
  • Completed tasks panel with AU dates + green tick icon
  • Centralised modal for “Add Task” (open from multiple places)
  • Sidebar with Lucide icons; “Support / Settings / Login” show a “feature not available” dialog
  • Monthly calendar (side rail)

🧱 Tech Stack

  • Svelte + TypeScript + Vite
  • Svelte stores for state (tasks, searchKeyword, ui)
  • Lucide icons (lucide-svelte)
  • CSS (no framework, simple utility classes)

🚀 Getting Started

  1. Clone Repository
    git clone https://github.com/KellyLindsayCodes/task-tracker-svelte-typescript.git
    cd task-tracker
    
  2. Install dependencies
    npm install
    npm run dev
    

🧪 Testing

🙌 Credits

  • Icons by Lucide (lucide-svelte)
  • Typeface Plus Jakarta Sans
  • Built with Svelte + Vite

Top categories

Loading Svelte Themes