🧠 SageNote — The Smartest Markdown Note-Taking App

SageNote is a powerful, modern, and collaborative Markdown note-taking application designed for deep thinkers, busy professionals, and organized minds. Whether you're journaling, planning, coding, or brainstorming — SageNote offers a smooth and feature-rich experience with real-time syncing, version control, and beautiful UI/UX.

🚀 Features

📌 Core Note Management

• Create, edit, and delete notes
• Rich text editing with Markdown support
• Real-time auto-saving
• Word count and reading time estimation
• Toggle between preview/edit mode
• Pin important notes to the top

🗂️ Organization

• Category management
• Tag system for better filtering
• Full-text search (titles + content)
• Archive and restore notes
• Custom note templates (Meeting Notes, Daily Journal)
• Sort notes by last modified date

✍️ Rich Text Editor (Powered by Lexical)

• Markdown shortcuts
• Syntax highlighting for code blocks
• Lists, blockquotes, headings
• Rich formatting: bold, italic, underline, etc.
• Auto-focus on new notes

🕒 Version Control

• Automatic version history tracking
• View and compare previous versions
• Revert to older versions anytime
• Timestamps for all edits

🤝 Collaboration

• Add/remove collaborators to notes
• Real-time collaborative editing
• Share notes with others (view/edit)

✅ Task Management

• Create todo lists inside notes
• Set due dates and track deadlines
• Task status: In Progress / Completed
• Visual task tracking

📎 File Management

• Attach files to notes
• Drag-and-drop file upload
• Support for multiple file types
• In-app file preview
• Export notes as .md
• Import notes from files

💡 UI/UX

• Dark/Light mode toggle
• Fully responsive (Mobile/Desktop)
• Collapsible sidebar navigation
• Keyboard shortcuts for fast access
• Toolbar with formatting options
• Split view (edit/preview)
• Styled with Tailwind CSS

💾 Data Persistence

• Local storage for offline access
• Persistent user preferences
• State managed using Zustand
• Debounced and auto-saving mechanism

🧠 Advanced Features

• Live word count & reading time
• Note statistics and insights
• Smart search with advanced filters
• Custom template creation and usage
• Markdown preview and syntax highlighting

♿ Accessibility

• Full keyboard navigation
• Screen reader-friendly
• ARIA labels for interactive elements
• Focus management for input areas

⚡ Performance Optimizations

• Lazy-loaded components
• Efficient state updates
• Optimized rendering cycles
• Debounced user input and saves

---

🛠️ Tech Stack

• Frontend: React, Tailwind CSS, Lexical (Rich Text Editor)
• State Management: Zustand
• Persistence: Local Storage
• Markdown Engine: Custom Markdown Parser / Highlight.js

---

📦 Getting Started

1. Clone the Repository

git clone https://github.com/your-username/sagenote.git
cd sagenote

2. Install Dependencies

npm install
# or
yarn install

3. Run the Development Server

npm run dev
# or
yarn dev

4. Build for Production

npm run build

---

📁 Folder Structure

├── components       # Reusable UI components
├── pages            # App routes and page components
├── hooks            # Custom React hooks
├── store            # Zustand state management
├── styles           # Tailwind and global CSS
├── utils            # Helper functions
└── public           # Static assets

---

🙌 Contributing

Contributions are welcome! If you’d like to fix bugs or propose new features, feel free to open an issue or submit a pull request.

---

📄 License

This project is licensed under the MIT License. See the LICENSE file for more details.

---

📬 Contact

Made with ❤️ by dev

---

⭐️ Show Your Support

If you found SageNote useful or inspiring, please consider giving it a ⭐️ on GitHub!