ailast touched 10mo ago

Infinite Dictionary

A dictionary that invents the words you wish existed.

Live ↗View source ↗

Coin a word, the model writes the etymology. Coin a feeling, it gives you a word. A toy that turned into a tiny linguistic playground.

※ Proof of work

Scope
AI toy / linguistic playground
Role
Solo
Stack
Vanilla JS · LLM prompting
Business
Public, free, small
Status
Live

※ Tech mix

CSS42.8%JavaScript35.1%HTML22.1%

※ README

Infinite Dictionary

This is a web-based, interactive dictionary that allows users to look up word definitions from a live API. Every word in a definition is a clickable hyperlink, allowing for an "infinite" exploration of the English language.

Features

  • Live Word Definitions: Fetches definitions from the DictionaryAPI.
  • Interactive Definitions: Every word in a definition is a hyperlink to its own definition.
  • Modern UI: A sleek, dark-themed, and responsive user interface.
  • Dynamic Images: Each word is accompanied by a unique, dynamically fetched image.
  • Search History: The search bar keeps a history of the words you've looked up.

Getting Started

To run this project locally, simply open the index.html file in your web browser. No special setup is required.

Technologies Used

  • HTML: The structure of the web page.
  • CSS: For styling the user interface.
  • JavaScript: For the application logic.
  • jQuery: For simplifying DOM manipulation and API requests.
  • DictionaryAPI: For fetching word definitions.
  • Picsum Photos: For fetching random images.