NoteIt-down is a distraction-free Markdown-based writing app that supports focused note-taking and rich formatting. Built with Next.js 14 and TypeScript, it offers a clean interface for creating, organizing, and connecting your thoughts.
- Markdown-First: Native markdown support with live preview
- Smart Linking: Wiki-style note linking with bidirectional connections
- Advanced Tagging: Multi-select tagging system with visual feedback
- Hierarchical Organization: Parent-child note relationships
- Powerful Search: Real-time search across all notes
- Customizable: Fonts, categories, and color-coded organization
- Flexible Storage: Local and cloud storage options
- Rich Markdown Editor with syntax highlighting and live preview
- Real-time Auto-save to prevent data loss
- Advanced Search with content indexing and highlighting
- Dark/Light Mode with system preference detection
- Keyboard Shortcuts for power users
- Categories with custom colors and organization
- Advanced Tagging System
- Create unlimited custom tags with colors
- Multi-select mode for batch operations
- Visual feedback with checkmarks
- Support for up to 5 tags per note
- Note Relationships
- Wiki-style linking with
[[Note Title]]syntax - Parent-child hierarchies
- Bidirectional link tracking
- Visual relationship indicators
- Wiki-style linking with
- Code Block Support with syntax highlighting
- Checkbox Lists for todo items
- Internal Linking with auto-completion
- Export Options for sharing and backup
- Edit History tracking and recovery
- Node.js 18+
- npm or yarn package manager
# Clone the repository
git clone https://github.com/Lilianada/NoteIt-down.git
cd NoteIt-down
# Install dependencies
npm install
# Start development server
npm run devOpen http://localhost:3000 to see your application.
-
Create Your First Note
- Click the "+" button in the sidebar
- Give your note a title and start writing in Markdown
- Your changes are automatically saved
-
Organize with Tags
- Open note details (⋮ button)
- Navigate to the "Tags" tab
- Create custom tags or apply existing ones
-
Link Notes Together
- Type
[[to start linking to another note - Select from existing notes or create new ones
- Build your knowledge network
- Type
- Frontend: Next.js 14, TypeScript, Tailwind CSS
- Editor: Monaco Editor with markdown support
- UI Components: Radix UI primitives
- Storage: File system / Cloud storage adapters
- Styling: Tailwind CSS with custom fonts
# Build the application
npm run build
# Start production server
npm start├── app/ # Next.js app directory
├── components/ # React components
│ ├── editor/ # Markdown editor components
│ ├── tags/ # Tagging system
│ ├── notes/ # Note management
│ └── ui/ # Reusable UI components
├── lib/ # Utility functions and services
├── types/ # TypeScript type definitions
└── public/ # Static assets
NoteIt-down supports full Markdown syntax plus additional features:
# Headers (H1-H6)
**Bold** and *italic* text
`inline code` and code blocks
- Lists and numbered lists
- [ ] Todo items
- [x] Completed items
[[Internal Links]] to other notesWe welcome contributions! Here's how to get started:
- Fork the repository
- Create a feature branch:
git checkout -b feature/your-feature - Make your changes and add tests if applicable
- Commit your changes:
git commit -m 'Add your feature' - Push to branch:
git push origin feature/your-feature - Open a Pull Request
- Follow TypeScript best practices
- Add JSDoc comments for public APIs
- Write tests for new features
- Follow the existing code style
- Update documentation as needed
This project is open source and available under the MIT License.
Built by Lily-Lilianada