https://github.com/thatsinewave/notepad-online
A modern, tabbed notepad application that runs in your browser with auto-save functionality and native file system integration.
https://github.com/thatsinewave/notepad-online
good-first-bug good-first-contribution good-first-issue good-first-issues good-first-pr good-first-pr-first-contribution good-first-prs html-css-javascript html-css-js notepad notepad-app notepad-clone notepad-online notepad-webapp thatsinewave web-application web-notepad web-notes webapp website
Last synced: 7 months ago
JSON representation
A modern, tabbed notepad application that runs in your browser with auto-save functionality and native file system integration.
- Host: GitHub
- URL: https://github.com/thatsinewave/notepad-online
- Owner: ThatSINEWAVE
- License: mit
- Created: 2025-03-04T02:27:03.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-04T04:09:42.000Z (about 1 year ago)
- Last Synced: 2025-03-04T04:29:45.532Z (about 1 year ago)
- Topics: good-first-bug, good-first-contribution, good-first-issue, good-first-issues, good-first-pr, good-first-pr-first-contribution, good-first-prs, html-css-javascript, html-css-js, notepad, notepad-app, notepad-clone, notepad-online, notepad-webapp, thatsinewave, web-application, web-notepad, web-notes, webapp, website
- Language: JavaScript
- Homepage: https://thatsinewave.github.io/Notepad-Online/
- Size: 10.7 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md
Awesome Lists containing this project
README
# [Notepad Online](https://thatsinewave.github.io/Notepad-Online)
A modern, tabbed notepad application that runs in your browser with auto-save functionality and native file system integration.
**🚧 This project is a work in progress. Features and functionality may be broken or subject to change. 🚧**
## Features
- **Multiple Tab Support** - Work with multiple documents simultaneously
- **Auto-Save Functionality** - Never lose your work with automatic saving
- **Native File Integration** - Open and save files directly from/to your device
- **Live Statistics** - Real-time word, character, and line counts
- **Responsive Design** - Works seamlessly on both desktop and mobile devices
- **Dark/Light Mode** - Automatic theme switching based on system preferences
- **Line Numbering** - Always visible line numbers with scroll synchronization
- **Keyboard Shortcuts** - Quick actions for common operations
- **Drag-and-Drop Tabs** - Reorganize tabs by dragging
- **Persistent Storage** - Maintains your work between sessions
## ☕ [Support my work on Ko-Fi](https://ko-fi.com/thatsinewave)
## Getting Started
Access the live version directly at:
[https://thatsinewave.github.io/Notepad-Online](https://thatsinewave.github.io/Notepad-Online)
### Installation (Local Development)
```bash
git clone https://github.com/thatsinewave/Notepad-Online.git
cd Notepad-Online
# Open index.html in your browser
```
## Usage
### Basic Operations
- **New Tab**: Click `+` button or use `Ctrl+T`
- **Rename Tab**: Double-click tab title
- **Close Tab**: Click `×` on tab or use `Ctrl+W`
- **New Document**: File → New (`Ctrl+N`)
- **Open File**: File → Open (`Ctrl+O`)
- **Save File**: File → Save (`Ctrl+S`)
### Keyboard Shortcuts
| Shortcut | Action |
|-----------------|-----------------------|
| `Ctrl + S` | Save file |
| `Ctrl + O` | Open file |
| `Ctrl + N` | New document |
| `Ctrl + T` | New tab |
| `Ctrl + W` | Close current tab |
### Advanced Features
- **Drag Tabs** to reorder them
- **Automatic Dark Mode** follows system preference
- **Selection Statistics** shows counts for highlighted text
- **Auto-Save** triggers after 1 second of inactivity
## [Join my discord server](https://thatsinewave.github.io/Discord-Redirect/)
## Technologies
- **HTML5** - Semantic structure
- **CSS3** - Modern styling with CSS variables
- **Vanilla JavaScript** - Core functionality
- **GitHub Pages** - Hosting solution
## Contributing
Contributions are welcome! If you want to contribute, feel free to fork the repository, make your changes, and submit a pull request.
### Contributors
- [Srivarshan-T](https://github.com/Srivarshan-T) - Thanks for improving the tab UI/UX, [Pull Request #3](https://github.com/ThatSINEWAVE/Notepad-Online/pull/3)
## License
This project is licensed under the [GPL-3.0 License](LICENSE).
## Acknowledgments
- Inspired by classic text editors with modern web capabilities
- Developed and maintained by [ThatSINEWAVE](https://github.com/thatsinewave)
- Icons by [favicon.io](https://favicon.io)