https://github.com/thekiranmahajan/english-dictionary

A dictionary app which made using HTML, CSS, JavaScript. which is capable of handling API requests and Errors also works with side cases. and provides word meaning, definition and pronunciation.
https://github.com/thekiranmahajan/english-dictionary

api css deployed-to-production dictonary dom-manipulation fetch-api html html-css-javascript javascript responsive-design user-interface vercel-deployment

Last synced: 3 months ago
JSON representation

A dictionary app which made using HTML, CSS, JavaScript. which is capable of handling API requests and Errors also works with side cases. and provides word meaning, definition and pronunciation.

• Host: GitHub
• URL: https://github.com/thekiranmahajan/english-dictionary
• Owner: thekiranmahajan
• Created: 2024-01-02T14:57:31.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-01-03T09:27:42.000Z (over 1 year ago)
• Last Synced: 2025-01-27T14:52:24.111Z (5 months ago)
• Topics: api, css, deployed-to-production, dictonary, dom-manipulation, fetch-api, html, html-css-javascript, javascript, responsive-design, user-interface, vercel-deployment
• Language: JavaScript
• Homepage: https://english-dictionary-ray.vercel.app
• Size: 5.86 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
### Demo Video: 

[![english-dictionary demo](https://github.com/thekiranmahajan/english-dictionary/assets/91893931/d1a70a8e-0655-437e-b4fa-a88fd3eacc89)](https://github.com/thekiranmahajan/english-dictionary/assets/91893931/fe787d0a-2f7e-424f-80bc-dc01841cb71d)

### 𝐉𝐚𝐯𝐚𝐒𝐜𝐫𝐢𝐩𝐭 𝐏𝐫𝐨𝐣𝐞𝐜𝐭 {𝟑/𝟏𝟐} : 𝐞𝐧𝐠𝐥𝐢𝐬𝐡-𝐝𝐢𝐜𝐭𝐢𝐨𝐧𝐚𝐫𝐲 ✅

## 🔯 𝐅𝐞𝐚𝐭𝐮𝐫𝐞𝐬🔯

📍Handles an API

📍DOM manipulation

📍Handles errors

📍Audio pronunciation playback button

📍loops through the API array for an audio link to get one if not then hide the speaker icon 

📍If someone searches for a word that is not available it shows instructions for that.

📍if some error happens during the fetch request so it shows the default state of the card with an error

## 💻𝐆𝐢𝐭𝐇𝐮𝐛 𝐑𝐞𝐩𝐨:

https://english-dictionary-ray.vercel.app/

## 🔴𝐃𝐞𝐩𝐥𝐨𝐲𝐞𝐝 𝐥𝐢𝐯𝐞:

https://github.com/thekiranmahajan/english-dictionary