https://github.com/dev-gaitano/wordly
An online language learning platform, wants to improve its user experience by providing an interactive dictionary feature that allows users to search for words and save their favorite terms for future reference—all on a single page without refreshing.
https://github.com/dev-gaitano/wordly
api css html javascript
Last synced: 2 months ago
JSON representation
An online language learning platform, wants to improve its user experience by providing an interactive dictionary feature that allows users to search for words and save their favorite terms for future reference—all on a single page without refreshing.
- Host: GitHub
- URL: https://github.com/dev-gaitano/wordly
- Owner: dev-gaitano
- Created: 2026-04-17T11:08:22.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2026-04-17T13:52:55.000Z (4 months ago)
- Last Synced: 2026-04-17T14:20:36.394Z (4 months ago)
- Topics: api, css, html, javascript
- Language: HTML
- Homepage: https://dev-gaitano.github.io/wordly/
- Size: 2.38 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Wordly, an online language learning platform, wants to improve its user experience by providing an interactive dictionary feature. This feature will allow users to search for words, view their definitions, and save their favorite terms for future reference—all on a single page without refreshing.
## Features
- **Search for words**: Allow users to input a word into an HTML form and fetch definition from an API.
- **Display definition**: Dynamically show the word’s definition, part of speech, and example usage.
- **Error handling**: Display an error message if a word is not found or if the API request fails.
- **Dynamic styling**: Dynamically update the CSS, highlighting saved words or changing themes.
## Getting started
```sh
git clone https://github.com/dev-gaitano/wordly.git
```
```sh
cd wordly
```
## Project structure
```
spa-wordly-lab/
├── css/
│ └── style.css # Core styles and global CSS resets
├── js/
│ └── app.js # Interactive dictionary logic and API integration
├── public/
│ ├── logo-dark.png # Dark variant brand logo
│ └── logo-light.png # Light variant brand logo
├── .gitignore # Git exclusion rules (e.g., node_modules)
├── index.html # Main application entry point and DOM structure
└── README.md # Project overview and dictionary feature specs
```
This project is part of the Moringa school syllabus
Eugene Gaitano - dev.gaitano@gmail.com
back to top