Skip to projects
Back to projects

Dictionary Web

Next.jsReactTailwind CSSDictionary API

A dictionary with categorised definitions, audio pronunciation, usage notes, auto-search, and a theme toggle.

Dictionary Web cover

About the project

Dictionary Web is built for the moment after you look a word up — when you still are not sure how to use it.

Definitions are grouped by part of speech, with verbs, adjectives, and proverbs separated rather than run together in one list, and each sense carries its usage annotation. Audio pronunciation plays inline from the API's own recordings.

Search fires as you type with debouncing, and the whole interface ships with a dark and light mode that persists across visits.

Key features

Categorised definitions

Verbs, adjectives, and proverbs are split into their own groups so senses stay distinguishable.

Audio pronunciation

Inline playback of the source recordings, with a visible state while audio loads.

Auto-search

Debounced search-as-you-type that cancels in-flight requests when the query changes.

Dark and light mode

A theme toggle that respects the system preference on first visit and remembers your choice after.

Gallery

Dictionary Web screenshot 1
Dictionary Web screenshot 2
Dictionary Web screenshot 3
YouTube
Blog