Build A Dictionary App in HTML CSS & JavaScript

Build A Dictionary App in HTML CSS & JavaScript | Dictionary App in JavaScript

In this video, I have shown you how to Build Dictionary App in HTML CSS & JavaScript. In this dictionary app, you can search any existing word and get the meaning, example, synonyms, etc. of the searched word. This project is created with Vanilla JavaScript and I hope you'll love it.

Timestamps:
0:00 Demo of Dictionary App
2:04 HTML & CSS Start
13:48 JavaScript Start
17:00 Dictionary API Usages
21:22 Passing API Data to a HTML Element
24:57 Working on Synonyms Words
28:21 Working on Pronunciation Icon
30:51 Working on Search Synonym Word
31:55 Working on Clear Search Icon

Music Credit:
Ikson - Anywhere [Official]

Vexento - With You (Vlog No Copyright Music)

Ehrling - You And Me (Vlog No Copyright Music)

Jimmy Hardwind - Want Me (feat. Mike Archangelo)

[CodingNepal]

Thank you so much for 100K Subscribers. Your continuous support is always appreciated ❤

[BroironxAviation]

This feels like I am just building a website with ALL OF YOUR PROJECTS MIXED!

[CreativeTutorialsWeb]

I love this project ideas very much this will be helpful for me with voice API like text to speech 💬 Thanks for sharing Sir 🙏

[asifkhanReal]

It's the best channel for learning another type of web developing.

[graphic.shashank]

Thanks bro 😀 I made some changes to this project like colors, font, search bar and showed it to my friends and they loved it.❤️

[gradigraph]

Nothing can stop coding Nepal he is all the way up😀😎😍

[mistigri-edof]

in 35min are you kidding me. your a master of this

[easyprogramminglessons]

Bro, you're a genius. Wonderful dictionary app!

[CodingFire]

Super Super Super ! You are so ROCKING SIR 🔥😊

[BroironxAviation]

I love your videos. they absolutely help building my website and this project is the most important for my website. Thank you so much CodingNepal.

[bmx]

You are a mastermind! Love your coding skill and JavaScript knowledge. It would be very helpful to create a debit card input form with JavaScript that separates number by placing space between them and restricting to type in text. And for the expiration date a slash between the numbers.

[webmodule]

This project is awesome bro 👍👍 i tried the live demo of this project, it was amazing !! 🤘

[CodingPorium]

Wow sir, this is very nice and awesome project and it's great that there is TTS function with it too👍

[shubhammeshram]

You are doing it in a way like a master do.. Keep up the good work.. The only thing which is missing is your voice.. O/w the content is the best.. 👍👍👍

[zeeshanali]

Mind blowing projects. I am very happy, Thanks you very much for awesome projects♥, Please keep it up

[mrkabu-caisha]

You guys did somethings amazing, thank you so much.

[diwakar_tsn]

That's great work dai keep it up ❤️🥰🥰🇳🇵

[AnuPriya-ow]

your videos are great but please include explanation also, it would be beneficial for beginners

[tanmaymehta]

It will be fun is added text recognisation

[joeyemerace]

For the synonyms, you may need to use the following if the tutorial code doesn't work:

for(let i = 0; i < 5; i++) {
let tag = `<span>${result[0].meanings[0].synonyms[i]}, </span>`
synonyms.insertAdjacentHTML("beforeend", tag);
}

instead of `<span>${definitions.synonyms[i]}, </span>`