explaingit

javlonbek1233/lug-at

★ 27TypeScriptAudience · generalComplexity · 3/5Setup · moderate

TLDR

LingoSphere is an English dictionary and language learning web app for Uzbek speakers, it combines a dictionary API with Gemini AI to give Uzbek explanations, pronunciation, memory tips, quizzes, and word history for any English word you search.

Mindmap

mindmap
  root((repo))
    What it does
      English dictionary
      Uzbek explanations
      AI-powered learning
    Features
      Pronunciation audio
      Synonym and antonym links
      Saved words and history
      Mini quiz per word
    Tech stack
      React 19
      TypeScript
      Tailwind CSS
      Express.js
      Gemini AI
    Audience
      Uzbek speakers
      Language learners
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Things people build with this

USE CASE 1

Look up an English word and get a Uzbek-language explanation, example sentences, and grammar notes powered by Gemini AI.

USE CASE 2

Test your understanding of a new English word immediately with an AI-generated two-question quiz.

USE CASE 3

Build a personal vocabulary list by starring words and reviewing your full searchable lookup history.

USE CASE 4

Hear pronunciation of any English word using the dictionary audio file or the browser's built-in speech.

Tech stack

TypeScriptReactTailwind CSSExpress.jsGemini AI

Getting it running

Difficulty · moderate Time to first run · 30min

Requires a Gemini API key configured in the Express.js backend, the README is written in Uzbek.

No license information is provided in this repository.

In plain English

This repository contains LingoSphere, an online dictionary and language learning web application built for Uzbek-speaking users who want to look up and learn English words. The README is written in Uzbek. The application combines an English dictionary API with Google's Gemini AI model to provide not just definitions but Uzbek-language explanations, pronunciation guidance, grammar notes, and memory tips alongside each word. When a user searches for an English word, the app shows the Uzbek equivalent, example sentences in both languages generated by the AI, and related synonyms and antonyms that can be clicked to immediately search for the linked word. Audio pronunciation is played from the dictionary service where available, and if no audio file exists the browser's built-in speech capability reads the word aloud. Users can save words with a star for later reference, and the app keeps a searchable history of recent lookups. Each searched word also triggers a short AI-generated quiz with two questions, letting users test their understanding and read an explanation of the correct answer. The interface supports both dark and light modes. The front end is built with React 19 and TypeScript, styled with Tailwind CSS, and uses animation and icon libraries for visual effects. The back end is an Express.js server that acts as a proxy for the AI and dictionary API calls. The design style the author describes emphasizes dark backgrounds, glass-like transparent panels, and gradient colors.

Copy-paste prompts

Prompt 1
I want to run LingoSphere locally, how do I set up the Express.js backend with a Gemini API key and start the React frontend?
Prompt 2
How does LingoSphere generate Uzbek explanations and memory tips for English words, walk me through the Gemini AI prompt it uses.
Prompt 3
I want to add a new language to LingoSphere alongside Uzbek, what parts of the codebase do I need to change to support a second target language?
Prompt 4
Extend LingoSphere so that clicking a synonym not only searches for it but also adds it automatically to my saved word list.
Open on GitHub → Explain another repo

← javlonbek1233 on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.