DEV Community

Cover image for PhraseBook With Tolgee
Mayank Mohapatra
Mayank Mohapatra

Posted on

PhraseBook With Tolgee

Hey everyone!

I’m excited to share my latest project— Phrase Book. This app is a digital version of a phrasebook, where you can flip through various phrases as if you're reading a real book. It’s designed to help users explore and learn phrases in multiple languages with ease.

But what makes this even more special is that the app supports real-time language switching, thanks to Tolgee. With just a click, you can change the entire book’s language without refreshing the page, making it accessible to users from around the globe.

Live Link -> https://phrase-book-five.vercel.app/

Why I Chose Tolgee 🌐
Tolgee is a powerful open-source localization tool that simplifies the process of making multilingual apps. It allows developers to easily manage translations, and with Tolgee integrated into this phrasebook, users can experience a smooth and intuitive way to switch between languages while browsing the phrases.

What the Multilingual Phrasebook Does 📚

Interactive Book of Phrases:
The app presents phrases like an actual book, where you can flip through pages using navigation buttons. As you move forward or backward, a new phrase appears on each page.

Multiple Language Support:
The coolest part is that this book is multilingual! Users can select their preferred language from a dropdown menu, and Tolgee ensures that the entire phrasebook updates in real-time to the chosen language.

Bookmark Feature:
Users can bookmark specific pages for quick access. This feature allows returning to marked phrases instantly. Bookmarked pages will be saved in local storage, enabling persistence even after refreshing or closing the browser. The bookmarked pages can also be displayed in a list view for easy navigation.

Search Functionality:
A built-in search bar allows users to quickly find specific phrases or keywords. As the user types, the app provides instant search results across all phrases and translations in the phrasebook, streamlining navigation within large sets of multilingual content.

Dark Mode and Light Mode:
This make it easy for user to read according to day or night.

Mobile Friendliness:
The layout and UI components are fully responsive, designed to adapt to various screen sizes. Buttons, font sizes, and spacing are optimized for mobile, providing a seamless experience on both smartphones and tablets. Additionally, animations and transitions are performance-optimized to prevent slowdowns on lower-powered devices.

Smooth Navigation:
Just like a real book, users can seamlessly turn to the next or previous page. This allows for easy exploration of phrases without overwhelming the user.

Elegant UI with Page Flip Animation:
To make the experience more engaging, the app includes smooth page-turning animations that feel like flipping through a real book.

How Tolgee Enhances Localization 🛠️

Real-time Language Switching: Users can switch between languages, and the app will automatically update all text and content in the selected language—no need to refresh the page or reload anything.

Easy Translation Management: Tolgee offers a built-in translation tool that made it easy for me to add and manage phrases in different languages, all from within the app.

Developer-friendly Integration: Tolgee integrates perfectly with modern web technologies like React, making the localization process simple and intuitive.

Top comments (0)