https://github.com/autoarchive/webnr
A modern, feature-rich reading web app for txt novels built with Next.js and TypeScript. https://app.webnovel.win
https://github.com/autoarchive/webnr
nextjs pwa-apps tailwind txt
Last synced: 3 months ago
JSON representation
A modern, feature-rich reading web app for txt novels built with Next.js and TypeScript. https://app.webnovel.win
- Host: GitHub
- URL: https://github.com/autoarchive/webnr
- Owner: AutoArchive
- Created: 2024-12-30T13:20:26.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-07-04T19:22:45.000Z (3 months ago)
- Last Synced: 2025-07-04T20:19:21.122Z (3 months ago)
- Topics: nextjs, pwa-apps, tailwind, txt
- Language: TypeScript
- Homepage: https://www.webnovel.win
- Size: 2.82 MB
- Stars: 11
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# WebNR - Web Novel Reader
A modern, privacy-focused, cross-platform web novel reader that works entirely client-side in browser. Built with Next.js and TypeScript.
## Key Features
🔒 **Privacy First**
- All data processed locally
- No login required
- No tracking or analytics
- Works offline as PWA
📚 **Multi-Source Reading**
- Import from local files
- Import from URLs
- Connect to compatible novel Sources
- Support for multiple text encodings (UTF-8, GB18030, Big5)
🌐 **source System**
- Connect to multiple novel Sources
- Browse popular and latest novels
- Search across Sources
- Automatic source syncing
- Categories and tags support
📖 **Rich Reading Experience**
- Two reading modes: Paged and Scroll
- Customizable font size
- Dark/Light theme with system preference detection
- Progress tracking
- Clean, distraction-free interface
- Text-to-Speech support with adjustable speed and voice selection
- One-click access to web resources and definitions
🔍 **Advanced Search**
- Full-text search across all Sources
- Multiple sorting options (relevance, newest, popular, rating)
- Paginated results
- Quick source filtering
🌍 **Internationalization**
- Multi-language support
- Currently supports English and Chinese
- Easy to add new translations
📱 **Cross-Platform**
- Works as Progressive Web App (PWA)
- Responsive design for all screen sizes
- Installable on any device
- Offline support
## URL Parameters
The app supports several URL parameters for direct actions:
- `?repos=URL1,URL2,...` - Add one or more source URLs
```
https://app.webnovel.win?repos=https://repo1.com,https://repo2.com
```
- `?add=URL` - Import novel directly from URL
```
https://app.webnovel.win?add=https://example.com/novel.txt
```
- `?search=REPO_URL` - Open search view for specific source
```
https://app.webnovel.win?search=https://repo1.com
```
## Getting Started
1. Clone the source:
```bash
git clone https://github.com/yourusername/webnr.git
```
2. Install dependencies:
```bash
npm install
# or
yarn install
```
3. Run the development server:
```bash
npm run dev
# or
yarn dev
```
4. Open http://localhost:3000 with your browser to start using the app.
## Technology Stack
- **Frontend Framework**: Next.js with TypeScript
- **Styling**: Tailwind CSS
- **Storage**: IndexedDB for local data storage
- **State Management**: React Context
- **Internationalization**: Custom i18n implementation
- **Text-to-Speech**: Web Speech API
## Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
## License
This project is licensed under the MIT License - see the LICENSE file for details.