Skip to content

arpan-pro-learner/Checklist-Chrome-Extension

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🚀 Checklist - Chrome Extension

A beautifully designed, minimal productivity checklist extension for Chrome that makes completing tasks feel rewarding and motivating.

✨ Features

  • Clean, Modern UI - Card-based design with smooth animations
  • Motivational Interface - "What are you working on today?" approach
  • Gamified Experience - Celebration animations and progress tracking
  • Persistent Storage - Tasks save automatically using Chrome's storage API
  • Quick Access - Always available in your browser toolbar
  • Responsive Design - Smooth interactions and hover effects

🎯 Why This Extension?

Stop using boring todo apps! This extension transforms productivity into an engaging experience:

  • Visual Progress Bar - See your daily progress fill up
  • 🎉 Celebration Animations - Feel great when completing tasks
  • 💪 Motivational Messaging - Stay inspired throughout your day
  • 🎨 Beautiful Design - Enjoy using a tool that looks premium

🛠️ Installation

From Source (Recommended)

  1. Download or Clone this repository

    git clone https://github.com/arpan-pro-learner/Checklist-Chrome-Extension.git
  2. Open Chrome Extensions

    • Go to chrome://extensions/
    • Enable "Developer mode" (top-right toggle)
  3. Load the Extension

    • Click "Load unpacked"
    • Select the extension folder
    • The extension appears in your toolbar!

From Chrome Web Store

Coming soon! Currently available as source code only.

📁 Project Structure

simple-checklist-extension/
├── manifest.json          # Extension configuration
├── popup.html            # Main interface and JavaScript
├── icon16.png           # Toolbar icon (16x16)
├── icon48.png           # Extensions page icon (48x48)
├── icon128.png          # Chrome Web Store icon (128x128)
└── README.md            # This file

🎨 Design Philosophy

Minimal & Clean

  • Card-based layout with subtle shadows
  • Generous white space and proper margins
  • Modern typography and color scheme

Motivational & Engaging

  • Encouraging copy throughout the interface
  • Progress visualization with animated progress bar
  • Achievement celebrations that make you smile

Gamified Experience

  • Confetti burst animations when completing tasks
  • Dynamic status messages based on progress
  • Visual feedback for every interaction

🔧 Technical Details

  • Manifest Version: 3 (latest Chrome extension standard)
  • Permissions: storage (for saving tasks locally)
  • Storage: Chrome's local storage API (no external dependencies)
  • Framework: Vanilla JavaScript (lightweight and fast)
  • Styling: Custom CSS with modern design patterns

📱 Usage

  1. Click the extension icon in your Chrome toolbar
  2. Add tasks by typing and pressing Enter
  3. Check off completed tasks by clicking the checkbox or text
  4. Enjoy celebrations when you complete tasks! 🎉
  5. Track progress with the visual progress bar
  6. Delete tasks by hovering and clicking the × button

🎯 Perfect For

  • Daily task management - Plan your day effectively
  • Productivity enthusiasts - Make work feel rewarding
  • Students - Track assignments and study goals
  • Professionals - Manage daily work tasks
  • Anyone who wants a beautiful, motivating todo list

🤝 Contributing

Love the extension? Here's how you can help:

  1. Star this repository
  2. Share with friends who need better productivity tools
  3. Report bugs by opening an issue
  4. Suggest features - we'd love to hear your ideas!
  5. Submit pull requests for improvements

Development Setup

# Clone the repository
git clone https://github.com/arpan-pro-learner/Checklist-Chrome-Extension.git

# Navigate to directory
cd simple-checklist-extension

# Make changes to popup.html or manifest.json
# Reload extension in Chrome (chrome://extensions/)

📝 Changelog

Version 1.0.0

  • Initial release
  • Basic task management (add, complete, delete)
  • Beautiful card-based UI design
  • Celebration animations and gamification
  • Progress tracking with visual progress bar
  • Persistent local storage

📄 License

MIT License - feel free to use this project for personal or commercial purposes.

🙏 Acknowledgments

  • Inspired by modern productivity apps and minimal design principles
  • Built with love for the productivity community
  • Thanks to all users who provide feedback and suggestions!

Made with ❤️ for productive people everywhere

If this extension helps you stay productive, consider starring the repository and sharing it with others!

About

A minimal productivity checklist for your browser

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published