Skip to content

soloiaros/todo-garden

Repository files navigation

🏡 Cozy Village Todo

A Stardew Valley-inspired productivity application where your tasks build a village.

JavaScript HTML5 Webpack


📖 About

TODO Garden is a cozy TODO web application for managing your productivity with fun. Every new Board you create is represented by a house in your village. As you organize your life, you small community grows alongside you!

All data is managed with the use of Local Storage.

Screenshot 2026-01-30 at 6 52 28 PM

✨ Features

Screenshot 2026-01-30 at 6 52 50 PM
  • Village Landscape: Your main dashboard is a visual landscape that grows as you add projects.
  • Randomized Houses: Expanding boards triggers the construction of bigger pixel-art village houses.
  • Cozy UI: Themed interface elements designed to match a cozy UI, heavily inspired by Stardew Valley and similar games.
  • Offline Storage: All boards and tasks are saved instantly to LocalStorage. Screenshot 2026-01-30 at 6 55 18 PM Screenshot 2026-01-30 at 6 55 55 PM

🛠️ Tech Stack

  • Core: HTML5, CSS3, JavaScript (ES6+)
  • Build Tool: Webpack
  • Storage: Browser LocalStorage (No backend required)

🚀 Getting Started

Prerequisites

  • npm installed on your machine.

Installation

  1. Clone the repository

    git clone https://github.com/soloiaros/todo-garden
    cd todo-garden
  2. Install dependencies

    npm install
  3. Run Development Server

    npm run dev
  4. Build for Production

    npm run build

🎨 Credits

About

🌱 Build your projects and stay productive while growing a small village with your hard work! This is a study project on building single-page applications and building app with Webpack

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors