mirror of
https://github.com/dergigi/boris.git
synced 2026-01-31 20:54:41 +01:00
c1e0e82704
- Install applesauce-content package for content parsing - Use getParsedContent() to parse nostr content according to applesauce patterns - Create proper TypeScript interfaces for ParsedNode and ParsedContent - Add renderParsedContent() component to render parsed content with proper styling - Handle mentions, links, and text content with appropriate styling - Add CSS styles for nostr-mention and nostr-link classes - Follow applesauce-content documentation patterns for content rendering - Maintain type safety with proper interfaces instead of 'any' types This follows the applesauce-content documentation exactly as shown in the examples, providing proper content parsing and rendering.
Markr
A minimal nostr client for bookmark management, built with applesauce.
Features
- Nostr Authentication: Connect using your nostr account
- Bookmark Display: View your nostr bookmarks as per NIP-51
- Minimal UI: Clean, simple interface focused on bookmark management
Getting Started
Prerequisites
- Node.js 18+
- npm, pnpm, or yarn
Installation
- Clone the repository:
git clone <your-repo-url>
cd markr
- Install dependencies:
npm install
# or
pnpm install
# or
yarn install
- Start the development server:
npm run dev
# or
pnpm dev
# or
yarn dev
- Open your browser and navigate to
http://localhost:3000
Usage
- Connect: Click "Connect with Nostr" to authenticate using your nostr account
- View Bookmarks: Once connected, you'll see all your nostr bookmarks
- Navigate: Click on bookmark URLs to open them in a new tab
Technical Details
- Built with React and TypeScript
- Uses applesauce-core for nostr functionality
- Implements NIP-51 for bookmark management
- Supports both individual bookmarks and bookmark lists
Development
Project Structure
src/
├── components/
│ ├── Login.tsx # Authentication component
│ └── Bookmarks.tsx # Bookmark display component
├── App.tsx # Main application component
├── main.tsx # Application entry point
└── index.css # Global styles
Building for Production
npm run build
# or
pnpm build
# or
yarn build
Contributing
This is a minimal MVP. Future enhancements could include:
- Bookmark creation and editing
- Bookmark organization and tagging
- Search functionality
- Export capabilities
- Mobile-responsive design improvements
License
MIT