DEV Community: 51 Vaishnavi Raykar

Daily Quote App

51 Vaishnavi Raykar — Sun, 27 Oct 2024 16:27:13 +0000

Daily Quotes Generator

In this project, I developed a Daily Quotes Generator using Next js, Tailwind CSS and Shadcn UI for enhanced UI components.

Features

Daily Quote Display

The app displays a new inspirational quote each day, providing motivation and positivity to users. The quote updates in real-time with a visually appealing clock and date display.
Quote Generation and Selection

Users can generate a new quote by pressing the "Generate New Quote" button. Additionally, the app allows users to request specific categories of quotes, like Motivational, Inspirational, Positive, Life, or Wisdom. Based on the input category, the app retrieves an appropriate quote using predefined logic.
Enhanced User Interface

The interface is designed with Shadcn UI components for a clean and modern look, and Tailwind CSS for responsive and stylish layouts. The design includes interactive elements, such as buttons for liking, refreshing, and sharing quotes, with smooth transitions and animations to improve user experience.

This setup makes the Daily Quotes Generator both functional and visually engaging, promoting a positive and uplifting experience for users.

See my project- Link

Flag Quiz

51 Vaishnavi Raykar — Fri, 25 Oct 2024 19:09:15 +0000

Flag Quiz Using Tolgee

I’m excited to present my latest project, the Flag Identification Quiz, where users can test their knowledge of world flags. This app is designed to provide an engaging and educational experience while showcasing the power of localization with Tolgee. Whether you're a geography expert or simply curious about flags, this app offers an interactive way to improve your global knowledge.

Check out the project: Link

Why I Chose Tolgee for Localization

Tolgee is an open-source localization library that simplifies translating applications. It offers an intuitive interface for managing translations, allowing me to focus on building quiz functionality while ensuring the app can cater to a global audience. With Tolgee’s dynamic language support, users can seamlessly switch between languages without losing any content, making the app accessible worldwide.

Project Overview

1. User Interaction:

Users are presented with a flag and a set of multiple-choice country names.
The challenge is to correctly identify the country the flag represents.

2. Real-Time Feedback:

After selecting an answer, the app instantly displays whether the choice was correct or incorrect.
If a wrong answer is selected, the correct country name is highlighted.

3. Quiz Progress & Scoring:

The quiz tracks how many answers the user gets correct.
At the end of the quiz, users can see their total score and revisit their incorrect answers to learn.

4. Localization with Tolgee:

The entire quiz interface, including flag names, feedback messages, and buttons, supports multiple languages through Tolgee.
Users can switch between languages dynamically, allowing for a personalized learning experience in their preferred language.

5. Responsive & Interactive Design:

The app is fully responsive, ensuring a smooth experience across mobile, tablet, and desktop devices.
The quiz interface adapts perfectly to any screen size, making it user-friendly and visually appealing no matter where it's played.

Feel free to explore Tolgee for your projects and reach out if you have any questions!

Multilingual PhraseBook 📖

51 Vaishnavi Raykar — Thu, 24 Oct 2024 15:40:59 +0000

Hey everyone!

I’m excited to share my latest project—Multilingual Phrasebook. 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.

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.

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.

Priority Based TODO-List

51 Vaishnavi Raykar — Tue, 22 Oct 2024 14:19:40 +0000

1. TO-DO List with Prioritization

In this project, I developed a TO-DO List with Prioritization using React for the frontend, Tailwind CSS for styling, and Shadcn UI for enhanced UI components.

Method 1 - Using Form

User can add Task using form with its detail description, date & time and also needs to add priority of task.
User also show task completed as well as delete the task.

Method 2 - Using Copilotkit

User need to write task name,task details, due date and time as well as priority of task.

2. Technologies Being Used -

List the technologies and frameworks you used (e.g., CopilotKit, Next.js)

Next.js
Tailwind CSS
CopilotKit
ShadCN
Shadcn-UI Component Styling
CopilotKit

3. GitHub Project Link

Github Repo-Link

4. Live App Link

Live app

Country Capital Quiz

51 Vaishnavi Raykar — Sun, 20 Oct 2024 19:18:47 +0000

Introduction
I'm thrilled to introduce my latest project, the Country Capital Quiz, which showcases the power of localization through Tolgee. This educational app allows users to test their knowledge of world capitals while ensuring accessibility to a global audience by supporting multiple languages. Whether you're a geography enthusiast or just looking to learn, this app helpful for you.

Why Tolgee
Tolgee is an open-source localization and internationalization library designed to simplify the process of translating applications. It provides a user-friendly interface for managing translations, allowing developers to focus on building features rather than worrying about language support.

Overview
1.User Input:

Users can participate in a quiz where they are prompted to guess the capitals of various countries.
They are presented with multiple-choice questions and must select the correct capital from the provided options.

2.Quiz Progression:

The quiz comprises several rounds (e.g., 10 questions), and the user's progress is displayed after each question.
Correct or incorrect answers are highlighted, and feedback is provided in real-time, showing the correct answer when a mistake is made.

3.Localization:

The app supports multiple languages via Tolgee integration, allowing users to switch between languages dynamically. The entire quiz interface, including questions, options, and feedback, updates to the chosen language.

4.Responsive Design:

The interface is fully responsive, ensuring the quiz is accessible and visually appealing across different device sizes.

5.Interactivity:

Users interact by selecting answers, and the system keeps track of their score as they progress through the quiz.
The quiz includes real-time validation of answers, and users can see their performance at the end of the quiz.

See my project -Link

Feel free to explore Tolgee for your projects and reach out if you have any questions!