A modern, offline-first note-taking application that works entirely in your browser. No internet required, no accounts needed, no data leaves your device. Built with React, TypeScript, and Tailwind CSS.

• Works completely offline after first visit
• Installable on mobile/desktop (Add to Home Screen)
• No accounts, no sign-up, privacy-focused
• IndexedDB storage with auto-save

• Rich text editor with formatting toolbar
• Real-time fuzzy search through all notes
• Drag & drop note reordering
• 50+ keyboard shortcuts with cross-platform support
• Multiple themes (Light/Dark) with 8 color schemes
• Import/Export notes as JSON
• Responsive design for mobile & desktop

Visit the app at: https://p32929.github.io/notes/

Full-featured note-taking experience with a professional editor, formatting toolbar, drag & drop sidebar, and clean interface. Shows auto-save status, word count, and character limit at the bottom.

Comprehensive settings panel with theme switching (Light/Dark/System), 8 beautiful color schemes, and data management tools. Import/export your notes, clear all data, or switch themes to match your preference.

Lightning-fast fuzzy search that finds notes by title or content. Smart matching helps you find what you're looking for even with partial or misspelled words. Navigate results with keyboard arrows and open notes instantly.

1. Visit https://p32929.github.io/notes/ in any browser
2. Works offline after first visit - perfect for flights, travel
3. Install: Look for browser install prompt, or go to Settings → "Install App"
4. Press Cmd/Ctrl + K to create your first note

• Cmd/Ctrl + K - New note
• Cmd/Ctrl + F - Search notes
• Cmd/Ctrl + B - Bold text
• Option/Alt + ↑/↓ - Navigate notes
• Cmd/Ctrl + 1/2/3 - Headers

• Node.js 18+
• npm or yarn

# Clone the repository
git clone https://github.com/p32929/notes.git
cd notes

# Install dependencies
npm install

# Start development server
npm run dev

The app will be available at http://localhost:4000

# Build for production
npm run build

# Preview production build
npm run preview

To deploy to GitHub Pages:

# Build and deploy to gh-pages branch
npm run deploy

This will:

1. Build the app for production with PWA support (service worker, manifest)
2. Generate offline-capable assets with correct base path
3. Push the built files to the gh-pages branch
4. GitHub Pages will automatically serve the PWA from that branch

1. Make sure your GitHub repo has Pages enabled
2. Set Pages source to "Deploy from branch: gh-pages"
3. Run npm run deploy
4. Your app will be live at https://yourusername.github.io/notes/

• Cmd/Ctrl + K - Create new note
• Cmd/Ctrl + F - Open search dialog
• Cmd/Ctrl + S - Manual save (auto-save runs automatically)
• Cmd/Ctrl + D - Delete current note
• Option/Alt + ↑/↓ - Navigate between notes
• Escape - Close any open dialog

• Cmd/Ctrl + B - Bold text
• Cmd/Ctrl + Shift + I - Italic text
• Cmd/Ctrl + Shift + S - Strikethrough text

• Cmd/Ctrl + 1 - # Heading 1
• Cmd/Ctrl + 2 - ## Heading 2
• Cmd/Ctrl + 3 - ### Heading 3
• Cmd/Ctrl + Shift + L - • Bullet list
• Cmd/Ctrl + Shift + O - 1. Numbered list
• Cmd/Ctrl + Shift + Q - > Quote block
• Cmd/Ctrl + Shift + C - Code block

• Cmd/Ctrl + Z - Undo
• Cmd/Ctrl + Y - Redo (Windows) / Cmd + Shift + Z (Mac)
• Cmd/Ctrl + A - Select all
• Tab - Increase list indentation
• Shift + Tab - Decrease list indentation

• All shortcuts work cross-platform (automatically detects Mac/Windows/Linux)
• Hover over toolbar buttons to see their shortcuts
• Press Cmd/Ctrl + ? or click the help icon to see all shortcuts
• Search supports fuzzy matching - type partial words to find notes

• IndexedDB: Handles thousands of notes without lag
• Smart Auto-Save: Only saves changed content, not everything
• Code Splitting: Loads faster with optimized bundles
• Offline Ready: Works without internet connection

• TypeScript: Full type safety and better development experience
• Modern React: Uses latest React 18 features and patterns
• Component Architecture: Modular, reusable, and maintainable
• Responsive Design: Mobile-first approach with desktop enhancements

• Local Storage: All data stays on your device
• No Analytics: We don't track you or collect data
• No Accounts: Start using immediately, no sign-up required
• Open Source: Fully transparent code you can inspect

• Frontend: React 18, TypeScript
• Editor: TipTap (ProseMirror) - Professional rich text editor
• Styling: Tailwind CSS + Radix UI components
• State Management: Redux with usm-redux decorators
• Database: IndexedDB with Dexie.js wrapper

• Build Tool: Vite (fast development and optimized builds)
• Package Manager: npm/yarn
• Deployment: GitHub Pages with automated builds
• Code Quality: ESLint, TypeScript strict mode

• Icons: Lucide React (beautiful, consistent icons)
• Drag & Drop: @dnd-kit (accessible drag and drop)
• Animations: Tailwind CSS animations + transitions
• Responsive: Mobile-first responsive design

MIT License - feel free to use for personal or commercial projects.

Contributions welcome! Please feel free to submit a Pull Request.