A modern and elegant sticky notes application built with Electron and Vue.js
Features • Installation • Tech Stack • Development

- 📝 Create and manage multiple sticky notes
- 🎨 Customizable note colors
- 🌍 Multi-language support (English/Traditional Chinese)
- 🔍 Text zoom functionality
- 🔄 Text translation support
- 📌 Pin notes to top
- 🔔 System tray support
- 💾 Auto-save functionality
- 🌓 Light/Dark theme support
- ⚡ Fast and lightweight
Requirement | Version |
---|---|
Node.js | ≥ 16.0.0 |
npm | ≥ 8.0.0 |
# Clone the repository
git clone https://github.com/yeongpin/pin-sticky-notes.git
# Navigate to project directory
cd pin-sticky-notes
# Install dependencies
npm install
# Start development server
npm run electron:dev
Category | Technologies |
---|---|
Framework | |
UI | |
State Management | |
Build Tools |
pin-sticky-notes/
├── src/
│ ├── main/ # Main process files
│ ├── preload/ # Preload scripts
│ └── renderer/ # Frontend Vue.js files
│ ├── components/ # Vue components
│ ├── store/ # State management
│ ├── locales/ # i18n translations
│ └── assets/ # Static assets
└── build/ # Build configuration
# Start development
npm run electron:dev
# Build application
npm run build
# Run tests
npm run test
This project is licensed under the Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License - see the LICENSE file for details.
Made with ❤️ by yeongpin