NoteMind is a modern note-taking application that combines the power of rich text editing with an AI assistant. Built with Next.js and TypeScript, it offers a seamless writing experience with real-time AI assistance.
- Full-featured text editor with support for:
- Multiple heading levels (H1, H2, H3)
- Bold and italic text
- Bullet and numbered lists
- Code blocks and quotes
- Keyboard shortcuts
- Real-time formatting with floating toolbar
- Auto-saving
- Create, edit, and delete notes
- Collapsible sidebar for better focus
- Search functionality across all notes
- Automatic timestamps and updates
- Built-in AI chat interface per note
- Context-aware responses
- Real-time conversation history
- Elegant chat UI with typing indicators
- Dark mode support
- Responsive design
- Beautiful animations and transitions
- Keyboard shortcuts for power users
- Framework: Next.js 13 with App Router
- Language: TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- Editor: TipTap
- State Management: Zustand
- Icons: Lucide React
- Date Formatting: date-fns
- Clone the repository
- Install dependencies:
npm install
- Start the development server:
npm run dev
- Open http://localhost:3000 in your browser
- Bold: Ctrl+B
- Italic: Ctrl+I
- Code: Ctrl+E
- Heading 1: Ctrl+Alt+1
- Heading 2: Ctrl+Alt+2
- Heading 3: Ctrl+Alt+3
- Bullet List: Ctrl+Shift+8
- Numbered List: Ctrl+Shift+7
- Quote: Ctrl+Shift+B
- Undo: Ctrl+Z
- Redo: Ctrl+Shift+Z
├── app/ # Next.js app directory
├── components/
│ ├── chat/ # AI chat components
│ ├── notes/ # Note editor components
│ ├── theme/ # Theme components
│ └── ui/ # UI components
├── lib/ # Utilities and types
└── store/ # State management
Contributions are welcome! Please feel free to submit a Pull Request.
This project is licensed under the MIT License - see the LICENSE file for details.