📝 Todo-list

A simple and colorful to-do list app created with Electron.js.

Stay organized with your daily tasks, and get visual feedback with a background that changes color to track your progress. Perfect for simple planning and satisfying completions ✨

⚙️ Features

• ✅ Add, edit, and delete todos
• 🎨 Background color changes depending on how many tasks you've completed
• 🪟 Custom title bar with minimize, maximize, and close buttons (window controls)
• 📦 Lightweight and easy to install on Windows

🚀 Why Electron?

Electron makes it possible to build cross-platform desktop apps using web technologies (HTML, CSS, and JavaScript). I chose Electron because:

• I wanted to learn desktop app development
• It's beginner-friendly with great documentation
• It works on multiple platforms (Windows, macOS, Linux)
• It gave me full control over design and features (like the custom title bar ✨)

🔨 How to run the App (as a developer)

1. Clone or download this repo

2. Open a terminal in the project folder

3. Run:

   npm install
   npm start

The app will start in development mode.

📦 How to Create a Desktop Installer

You can install this on your dekstop, or send it to friends and family, and they can install it like a regular program 💻

🪟 For Windows

1. Run

   npm run make

2. Your .exe file will be located at:

   out\make\squirrel.windows\x64\TodoApp-1.0.0 Setup.exe

🍏 For macOS

You can only build a macOS installer on a Mac.

1. Run

   npm run make

2. Electron Forge will automatically detect the system and create a .dmg or .zip file under:

   out/make/zip/darwin/x64/

🧠 Credit & Notes

• Build using Electron Forge
• Custom checkbox styling from Moderncss.dev
• App icon created with Canva

📜 License

This project is licensed under the ISC License

---