{"id":30119112,"url":"https://github.com/k0d1r/chrome-notepad","last_synced_at":"2026-04-16T18:04:40.524Z","repository":{"id":306999225,"uuid":"1027985194","full_name":"k0d1r/chrome-notepad","owner":"k0d1r","description":"A simple and functional note-taking application with auto-save, theme support, and history management.","archived":false,"fork":false,"pushed_at":"2025-07-28T21:08:28.000Z","size":195,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-07-28T23:11:20.830Z","etag":null,"topics":["chrome","chrome-extension","chromeextension","extention","note-taking","notepad","notepad-chrome-extension"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/k0d1r.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-07-28T20:57:10.000Z","updated_at":"2025-07-28T21:09:26.000Z","dependencies_parsed_at":"2025-07-28T23:11:28.383Z","dependency_job_id":"ab49353a-1b5e-40e9-9905-de0e727b107f","html_url":"https://github.com/k0d1r/chrome-notepad","commit_stats":null,"previous_names":["k0d1r/chrome-notepad"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/k0d1r/chrome-notepad","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/k0d1r%2Fchrome-notepad","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/k0d1r%2Fchrome-notepad/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/k0d1r%2Fchrome-notepad/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/k0d1r%2Fchrome-notepad/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/k0d1r","download_url":"https://codeload.github.com/k0d1r/chrome-notepad/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/k0d1r%2Fchrome-notepad/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":269720429,"owners_count":24464276,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-10T02:00:08.965Z","response_time":71,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["chrome","chrome-extension","chromeextension","extention","note-taking","notepad","notepad-chrome-extension"],"created_at":"2025-08-10T12:01:58.927Z","updated_at":"2026-04-16T18:04:40.459Z","avatar_url":"https://github.com/k0d1r.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 📝 Notepad - Chrome\n\nA simple and functional note-taking application with auto-save, theme support, and history management.\n\n## ✨ Features\n\n- ✅ **Auto Save**: Notes are automatically saved as you type\n- ✅ **Manual Save**: Save button with timestamp for manual saving\n- ✅ **Note History**: View and manage previously saved notes\n- ✅ **Note Deletion**: Delete notes with confirmation dialog\n- ✅ **Storage Info**: Real-time display of storage usage\n- ✅ **Dynamic Titles**: Automatic title generation from note content\n- ✅ **Dark/Light Mode**: Toggle between light and dark themes\n- ✅ **Responsive Design**: Modern UI with Bootstrap and Font Awesome\n- ✅ **Keyboard Shortcuts**: Ctrl+S to save notes\n- ✅ **Manifest V3**: Uses Chrome's latest manifest standard\n\n## � Screenshots\n\nPlace your screenshots in the `screenshots/` folder:\n- `light-mode.png` - Light theme interface\n- `dark-mode.png` - Dark theme interface\n- `history-tab.png` - History management\n- `saving-note.png` - Note saving in action\n\n## 🚀 Installation\n\n### 1. Download Files\nDownload all files to your computer and place them in a folder.\n\n### 2. Install Extension in Chrome\n1. Open Chrome browser\n2. Type `chrome://extensions/` in the address bar\n3. Enable \"Developer mode\" in the top right corner\n4. Click \"Load unpacked\" button\n5. Select the folder containing the extension files\n6. Click \"Select Folder\" button\n\n### 3. Use the Extension\n- Click the extension icon in Chrome toolbar to open the notepad\n- Or use the extension from Chrome's extension menu\n\n## 🎯 Usage\n\n### Basic Operations\n- **Writing Notes**: Type your notes in the text area\n- **Auto Save**: Notes are automatically saved as you type (1 second delay)\n- **Manual Save**: Click \"Save\" button or use `Ctrl+S`\n- **Delete Notes**: Click delete button with confirmation dialog\n\n### Tab Navigation\n- **Note Tab**: Main editing interface\n- **History Tab**: View and manage saved notes history\n\n### History Management\n- **View History**: Switch to History tab to see all saved notes\n- **Load Note**: Click \"Load\" button to open a previous note\n- **Delete History**: Remove individual history entries\n- **Automatic Storage**: Last 10 notes are automatically saved to history\n\n### Theme Switching\n- Click the theme button in the top right corner to toggle between dark/light modes\n- Theme preference is automatically saved\n\n### Storage Information\n- Real-time display of storage usage in KB\n- Shows total size of all stored data including notes, history, and settings\n\n### Keyboard Shortcuts\n- `Ctrl+S`: Save current note\n\n## 📁 File Structure\n\n```\nnotepad-extension/\n├── manifest.json                    # Extension configuration\n├── popup.html                      # Main popup interface\n├── popup.css                       # Popup styles\n├── popup.js                        # Popup JavaScript code\n├── icons/                          # Extension icons\n│   ├── icon-16.png                 # 16x16 icon\n│   ├── icon-32.png                 # 32x32 icon\n│   ├── icon-48.png                 # 48x48 icon\n│   └── icon-128.png                # 128x128 icon\n├── screenshots/                    # Screenshots folder\n│   ├── light-mode.png             # Light theme screenshot\n│   ├── dark-mode.png              # Dark theme screenshot\n│   ├── history-tab.png            # History tab screenshot\n│   └── saving-note.png            # Saving action screenshot\n└── README.md                      # This file\n```\n\n### Light Theme\n![Light Mode Interface](screenshots/1.png)\n\n### Dark Theme\n![Dark Mode Interface](screenshots/2.png)\n\n### History Management\n![History Tab](screenshots/3.png)\n\n### Save Action\n![Note Saving in Action](screenshots/4.png)\n\n### Additional Screenshots\nPlace your screenshots in the `screenshots/` folder:\n- `light-mode.png` - Light theme interface\n- `dark-mode.png` - Dark theme interface\n- `history-tab.png` - History management\n- `saving-note.png` - Note saving in actiontension\n\n## 🔧 Technical Details\n\n### Manifest V3\n- Uses Chrome's latest manifest standard\n- Simplified permissions (only storage)\n- Modern security standards\n\n### Data Storage\n- Notes are stored using `chrome.storage.local`\n- Theme preferences are saved persistently\n- History is automatically managed (last 10 notes)\n- Storage usage is displayed in real-time\n\n### Responsive Design\n- Bootstrap 5.3.0 framework\n- Font Awesome 6.4.0 icons\n- Mobile-friendly interface\n- Tab-based navigation\n\n### Storage Structure\n```json\n{\n  \"note\": \"Current note content\",\n  \"lastSaved\": \"Last save timestamp\",\n  \"theme\": \"light|dark\",\n  \"noteHistory\": [\n    {\n      \"title\": \"Note title (first line)\",\n      \"date\": \"Save timestamp\",\n      \"content\": \"Full note content\",\n      \"preview\": \"First 100 characters\"\n    }\n  ]\n}\n```\n\n## 🎨 Customization\n\n### Theme Colors\nEdit CSS variables in `popup.css` to customize colors:\n\n```css\n:root {\n    --primary-color: #007bff;\n    --secondary-color: #6c757d;\n    --success-color: #28a745;\n    --danger-color: #dc3545;\n    /* ... other colors */\n}\n\n[data-theme=\"dark\"] {\n    --primary-color: #0d6efd;\n    --body-bg: #1a1a1a;\n    --body-color: #e9ecef;\n    /* ... dark theme colors */\n}\n```\n\n### Keyboard Shortcuts\nEdit the keyboard event listeners in `popup.js` to modify shortcuts:\n\n```javascript\ndocument.addEventListener('keydown', function(e) {\n    if (e.ctrlKey \u0026\u0026 e.key === 's') {\n        e.preventDefault();\n        saveNote();\n    }\n});\n```\n\n### History Limit\nChange the history limit in `popup.js`:\n\n```javascript\n// Add to beginning and limit to 10 items\nhistory.unshift(historyItem);\nif (history.length \u003e 10) {  // Change this number\n    history.pop();\n}\n```\n\n## 🐛 Troubleshooting\n\n### Extension Not Loading\n- Restart Chrome browser\n- Make sure Developer mode is enabled\n- Check that all files are in the correct folder\n- Verify manifest.json syntax\n\n### Notes Not Saving\n- Check Chrome storage permissions\n- Clear browser cache\n- Remove and reinstall the extension\n- Check browser console for errors\n\n### Theme Not Changing\n- Check system theme settings\n- Restart the extension\n- Clear extension storage and try again\n\n### History Not Working\n- Ensure storage permissions are granted\n- Check that notes are being saved first\n- Try clearing extension data and starting fresh\n\n## 📱 Browser Compatibility\n\n- ✅ Chrome (Manifest V3)\n- ✅ Chromium-based browsers (Edge, Brave, etc.)\n- ❌ Firefox (uses different extension system)\n- ❌ Safari (uses different extension system)\n\n## 🔒 Privacy \u0026 Security\n\n- All data is stored locally in your browser\n- No data is sent to external servers\n- No tracking or analytics\n- Minimal permissions required (only storage)\n\n## 📝 License\n\nThis project is licensed under the MIT License.\n\n## 🤝 Contributing\n\n1. Fork this repository\n2. Create a new branch (`git checkout -b feature/new-feature`)\n3. Commit your changes (`git commit -am 'Add new feature'`)\n4. Push to the branch (`git push origin feature/new-feature`)\n5. Create a Pull Request\n\n## 📞 Contact\n\nFor questions or suggestions, please open an issue or contact me:\n\n- **GitHub**: [@k0d1r](https://github.com/k0d1r)\n- **Project Issues**: [Open an issue](https://github.com/k0d1r/notepad-chrome-extension/issues)\n\n## 👨‍💻 Author\n\nCreated with ❤️ by **[@k0d1r](https://github.com/k0d1r)**\n\n\u003cdiv align=\"center\"\u003e\n  \n[![GitHub followers](https://img.shields.io/github/followers/k0d1r?style=social)](https://github.com/k0d1r)\n[![GitHub stars](https://img.shields.io/github/stars/k0d1r?style=social)](https://github.com/k0d1r)\n\n\u003c/div\u003e\n\n## 🔄 Version History\n\n### v1.0.0\n- Initial release\n- Basic note-taking functionality\n- Auto-save feature\n- Theme support\n- History management\n- Storage information display\n\n---\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fk0d1r%2Fchrome-notepad","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fk0d1r%2Fchrome-notepad","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fk0d1r%2Fchrome-notepad/lists"}