Skip to content
Kabir Mahmud

WeekForge Weekly Planner

A weekly planner with task management, priorities, and day organization — all stored locally in your browser.

Overview

WeekForge helps users organize their week by planning tasks for each day with priority levels. The visual grid layout shows the entire week at a glance, making it easy to distribute workload and track completion.

All data is stored locally with no accounts required.

Features

  • Weekly Grid: 7-day visual layout with tasks per day
  • Priority Levels: High, medium, low with color coding
  • Task Completion: Check off completed tasks
  • Week Navigation: Move between weeks with arrow buttons
  • Today Highlight: Current day visually emphasized
  • Auto-Set Day: Defaults to today when adding tasks
  • Responsive: Works on mobile with stacked layout
  • Quick Add: Simple form for fast task entry

Architecture


weekly-planner.html

├── <style>       → Grid layout, priority colors, responsive breakpoints

├── <main>        → Week header, task form, 7-day grid

└── <script>      → Week math, task CRUD, day calculations, localStorage

Tech Decisions

DecisionChoiceWhy
LayoutCSS GridClean 7-column week view
StoragelocalStoragePrivacy, no accounts
NavigationWeek offsetSimple week-to-week browsing

Real-World Impact

Weekly planners like Any.do and Todoist require accounts and cloud sync. WeekForge provides the same planning functionality locally. Users can organize their week without their task data being collected or analyzed.

Measured Results

  • Task add completes in < 50ms
  • Week navigation instant
  • Responsive grid adapts to all screens
  • Zero network requests

Conclusion

WeekForge shows that weekly planning can be both visual and private. The grid layout provides the at-a-glance overview that makes weekly planning effective, without cloud dependency.