A web app for learning Polish words with Russian translations.
- Flashcards with flip animation
- Modes: Polish → Russian and Russian → Polish
- Add and remove words via web interface
- Export current word list as
words.json - Import words from a JSON file
- Search through word list
- Changes saved to localStorage
- Reset to default word set
- Score tracking (know / don't know)
- Shuffle cards
- Keyboard shortcuts: Space — flip, Arrow keys ← → — answer
- Responsive design for mobile
Any static server, for example:
npx serve .or
python3 -m http.server 8000Build the image:
podman build -t simple-flashcards-app .
# or
docker build -t simple-flashcards-app .Run the container:
podman run -d -p 8080:80 --name flashcards simple-flashcards-app
# or
docker run -d -p 8080:80 --name flashcards simple-flashcards-appThen open http://localhost:8080 (or http://localhost:8000 if you used python/npx server).
Via web interface: click "📝 Управление словами" button at the bottom of the page.
- Add new words with the input form
- Remove words with the ✕ button
- Search/filter the word list
- Export: download current words as
words.json - Import: load words from a JSON file
- Reset: restore the original word set
Or edit words.json directly:
{ "pl": "Polish word", "ru": "Russian translation" }HTML, CSS, JavaScript — no dependencies.
Веб-приложение для изучения польских слов с переводом на русский язык.
- Флеш-карточки с анимацией переворота
- Режимы: польский → русский и русский → польский
- Добавление и удаление слов через веб-интерфейс
- Экспорт текущего списка слов в
words.json - Импорт слов из JSON-файла
- Поиск по списку слов
- Сохранение изменений в localStorage
- Сброс к начальному набору слов
- Подсчёт результатов (знаю / не знаю)
- Перемешивание карточек
- Горячие клавиши: пробел — перевернуть, стрелки ← → — ответить
- Адаптивный дизайн для мобильных устройств
Любой статический сервер, например:
npx serve .или
python3 -m http.server 8000Соберите образ:
podman build -t simple-flashcards-app .
# или
docker build -t simple-flashcards-app .Запустите контейнер:
podman run -d -p 8080:80 --name flashcards simple-flashcards-app
# или
docker run -d -p 8080:80 --name flashcards simple-flashcards-appЗатем откройте http://localhost:8080 (или http://localhost:8000, если использовали python/npx сервер).
Через веб-интерфейс: кнопка «📝 Управление словами» внизу страницы.
- Добавление новых слов через форму
- Удаление слов кнопкой ✕
- Поиск и фильтрация по списку
- Экспорт: скачать текущие слова как
words.json - Импорт: загрузить слова из JSON-файла
- Сброс: вернуть начальный набор слов
Или напрямую в words.json:
{ "pl": "Польское слово", "ru": "Русский перевод" }HTML, CSS, JavaScript — без зависимостей.