tabi-test/content/projects/ramu/index.md

+++
title = "ラム (ramu)"
description = "A web app to practice reading and listening to Japanese numbers."
weight = 35

[taxonomies]
tags = ["Japanese", "interactive", "web app", "web", "PWA", "JavaScript"]

[extra]
local_image = "projects/ramu/ramu_logo.webp"
canonical_url = "https://osc.garden/projects/ramu/"
social_media_card = "social_cards/projects_ramu.jpg"
+++

<ruby>ラ<rt>ra</rt>ム<rt>mu</rt></ruby> is a Progressive Web App to practice reading and listening to Japanese numbers. The name reflects its purpose: achieving RAM (Random Access Memory) to numbers, as opposed to sequential memory (1, 2, 3…).

{% wide_container() %}
<video controls src="media/ラム_demo.mp4" title="ramu demo"></video>
{% end %}

#### [Try it now](https://ramu.osc.garden) • [GitHub](https://github.com/welpo/ramu) • [Blog post](https://osc.garden/blog/ramu-japanese-numbers-practice-web-app/) {.centered-text}

## Features

- Practice with both Arabic (123…) and Japanese (一二三…) numerals
- Two practice modes: reading and listening comprehension
- Configurable number ranges (from 0 to over 100,000,000)
- Counter word practice (個、本、匹…)
- Works offline as a Progressive Web App
- Full keyboard control (<kbd>space</kbd>/<kbd>→</kbd> for next, <kbd>esc</kbd> to stop)
- Screen reader friendly for Arabic numeral practice

[![ramu social media card](social_cards/projects_ramu.jpg)](https://ramu.osc.garden)
📝 misc(projects): add ラム (ramu) project 4 months ago			`+++`
			`title = "ラム (ramu)"`
			`description = "A web app to practice reading and listening to Japanese numbers."`
📝 misc: add ずつ (zutsu) project page 3 months ago			`weight = 35`
📝 misc(projects): add ラム (ramu) project 4 months ago
💥 feat!: add tag filtering for projects (#431) - Card (project) images no longer require manual top/bottom margin adjustments for proper spacing. Action needed: Review existing card images as previous manual margin adjustments may now be unnecessary/excessive. - Sites using `cards.html` with tags will now load JavaScript by default when tags are present. To maintain no-JS behaviour, explicitly set `enable_cards_tag_filtering = false` in either `config.toml` or the `_index.md` file where `cards.html` is used. 3 months ago			`[taxonomies]`
			`tags = ["Japanese", "interactive", "web app", "web", "PWA", "JavaScript"]`

📝 misc(projects): add ラム (ramu) project 4 months ago			`[extra]`
💥 feat!: add tag filtering for projects (#431) - Card (project) images no longer require manual top/bottom margin adjustments for proper spacing. Action needed: Review existing card images as previous manual margin adjustments may now be unnecessary/excessive. - Sites using `cards.html` with tags will now load JavaScript by default when tags are present. To maintain no-JS behaviour, explicitly set `enable_cards_tag_filtering = false` in either `config.toml` or the `_index.md` file where `cards.html` is used. 3 months ago			`local_image = "projects/ramu/ramu_logo.webp"`
📝 misc(projects): add ラム (ramu) project 4 months ago			`canonical_url = "https://osc.garden/projects/ramu/"`
			`social_media_card = "social_cards/projects_ramu.jpg"`
			`+++`

			`<ruby>ラ<rt>ra</rt>ム<rt>mu</rt></ruby> is a Progressive Web App to practice reading and listening to Japanese numbers. The name reflects its purpose: achieving RAM (Random Access Memory) to numbers, as opposed to sequential memory (1, 2, 3…).`

			`{% wide_container() %}`
			`<video controls src="media/ラム_demo.mp4" title="ramu demo"></video>`
			`{% end %}`

			`#### [Try it now](https://ramu.osc.garden) • [GitHub](https://github.com/welpo/ramu) • [Blog post](https://osc.garden/blog/ramu-japanese-numbers-practice-web-app/) {.centered-text}`

			`## Features`

			`- Practice with both Arabic (123…) and Japanese (一二三…) numerals`
			`- Two practice modes: reading and listening comprehension`
			`- Configurable number ranges (from 0 to over 100,000,000)`
			`- Counter word practice (個、本、匹…)`
			`- Works offline as a Progressive Web App`
			`- Full keyboard control (<kbd>space</kbd>/<kbd>→</kbd> for next, <kbd>esc</kbd> to stop)`
			`- Screen reader friendly for Arabic numeral practice`

			`[![ramu social media card](social_cards/projects_ramu.jpg)](https://ramu.osc.garden)`