Skip to content

A modern language learning reader built with Next.js and TypeScript. Features include EPUB support, word tracking, Wiktionary integration, and comprehension statistics. Meant for language learners who want to improve through reading, in development.

Notifications You must be signed in to change notification settings

hughgramel/read-fluent

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

131 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Language Reader

A modern, feature-rich web application for language learners to read and learn from books in their target language. Built with Next.js and TypeScript, this application provides an immersive reading experience with built-in vocabulary tracking and comprehension tools.

Features

Reading Experience

  • 📚 EPUB book support with section-based navigation
  • 🎯 Auto-scroll functionality with adjustable speed
  • 📱 Responsive design for both desktop and mobile
  • 🎨 Customizable reading settings (font, size, width)
  • 📖 Full book view mode for continuous reading
  • 🔍 Section navigation with sidebar support

Language Learning Tools

  • 📝 Word tracking system with status categories (known, tracking, ignored)
  • 🎯 Interactive word highlighting and status toggling
  • 📖 Wiktionary integration for instant definitions
  • 📊 Comprehension statistics tracking
  • 🎯 Keyboard shortcuts for word status management

User Experience

  • 💾 Progress saving and bookmarks
  • 🎨 Modern, clean interface with smooth animations
  • 🔄 Real-time progress synchronization
  • 📱 Mobile-optimized controls and layout
  • 🎯 Customizable reading preferences

Tech Stack

  • Frontend: Next.js, TypeScript, Tailwind CSS
  • State Management: React Hooks
  • Storage: Firebase Storage & Firestore
  • Authentication: Firebase Auth
  • Styling: Tailwind CSS with custom components

Getting Started

  1. Clone the repository
  2. Install dependencies:
    npm install
  3. Set up your Firebase configuration
  4. Run the development server:
    npm run dev

Future Plans

  • 📱 Offline support for reading and dictionary access
  • 📚 Enhanced page navigation and book organization
  • 📖 Offline dictionary integration
  • 💾 Sentence and word saving functionality
  • 📊 Advanced statistics and learning analytics
  • 🔄 Sync across multiple devices
  • 🎯 Spaced repetition system for vocabulary
  • 📱 Progressive Web App (PWA) support
  • 🌐 Multiple language support
  • 📖 Custom reading lists and collections

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.

About

A modern language learning reader built with Next.js and TypeScript. Features include EPUB support, word tracking, Wiktionary integration, and comprehension statistics. Meant for language learners who want to improve through reading, in development.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •