How to Build a Dictionary App in JavaScript

Sdílet
Vložit
  • čas přidán 22. 04. 2023
  • Learn how to Build a Dictionary App in JavaScript | JavaScript Dictionary App Tutorial
    In this JavaScript dictionary app tutorial, we will learn how to build a dictionary app in JavaScript from scratch. You'll also learn how to use Dictionary API to fetch data.
    ✔ More JavaScript Projects 👇:
    ✔ Weather App :
    👉 • Weather App using HTML...
    ✔ Password Generator using JavaScript :
    👉 • JavaScript Password Ge...
    ✔ Build QR Code Generator in JavaScript :
    👉 • How to build QR Code G...
    ✔ To-Do List using JavaScript :
    👉 • Learn how to make a To...
    If you like this video, don't forget to Subscribe 👍.
    ✔ Follow Code Traversal on Instagram :
    / codetraversal
    ✔ Follow Code Traversal on GitHub :
    github.com/CodeTraversal
    #javascriptapiprojectsforbeginners

Komentáře • 84

  • @anemblemforreveals810
    @anemblemforreveals810 Před rokem +3

    Hii, didi maine isme synonyms aur audio button add kr diya abhi jaise ki apne kaha tha, aapne bahut badiya sikhaya shortcut aur ye api app bhi,
    My one request is how to get real time data in weather api cause this is in numbers formate not in real time
    Please teach us that didi😊

    • @codetraversal
      @codetraversal  Před rokem

      Glad to know that you have did this. Really Amazing.

    • @QUUBBLE
      @QUUBBLE Před 9 měsíci

      Source code share kar do, please.

  • @anemblemforreveals810
    @anemblemforreveals810 Před rokem +3

    Code wali didi, aap hard code simplify karke batati ho, aur aapki code jaldi hi samjh pata hu, isliye mujhe apki video bahut pasnd hai, mai apki sari video ke code dekhta hu, I really very very like it❤, and also one thing to say your voice is soo sweet

  • @shubhamuniyal9047
    @shubhamuniyal9047 Před rokem +4

    These projects are very helpful to understand all the necessary topics of web development.
    Thanks ❤

  • @user-xg4lu2ft8x
    @user-xg4lu2ft8x Před 5 měsíci +1

    No one told us how to write in short the code.well done .

  • @excellentsalon5108
    @excellentsalon5108 Před 8 měsíci

    Sis ap na har cheez ko buhat acha sa explain kiya ha thanku so much.. project videos ma sab direct code type karta ha 90% but ap na buhat acha explain kiya very very impressive 😊😊😊😊

  • @user-tn8uz4oq5z
    @user-tn8uz4oq5z Před rokem +2

    very helpful project

  • @mkdev1047
    @mkdev1047 Před rokem +1

    great piece of work ❤

  • @Imran_kpk
    @Imran_kpk Před rokem +1

    We appreciate your working

  • @Manisha-qx7ln
    @Manisha-qx7ln Před rokem +2

    Nice sis keep making more videos ❤

  • @saurabhgaming1197
    @saurabhgaming1197 Před rokem +1

    You will become a big you tuber in the coming time

  • @aegon199
    @aegon199 Před rokem +4

    you can also use :-
    footer mai -- jo apne kiya hai mai main div mai extra element ko right or left mai align nhi kr sakta without using flex,grid, but throung this i can easily put anything anywhere
    TRY THIS OUT
    footer {
    position: absolute;
    bottom : 0px;
    width : 100%;
    padding : 20px;
    text-align : center;
    background-color : #24252A;
    }

  • @jhonsnow534
    @jhonsnow534 Před rokem +3

    Didi meal generator bna do using Indian meals 👉👈

  • @mirzatamoor9312
    @mirzatamoor9312 Před rokem

    Great work. Didi. Create a World Digital project that includes day names, month names, and years.

  • @user-xg4lu2ft8x
    @user-xg4lu2ft8x Před 5 měsíci

    ap bht bht bht bht acha smjhati hain plz React b krwa dain .I 'm learning MERN Stack

  • @shantanupatel2092
    @shantanupatel2092 Před rokem +2

    please make video on JavaScript tutorial

  • @manishfe
    @manishfe Před rokem +3

    Nice didi ❤️❤️ full support 🤠🤠

  • @prabhupalthya11
    @prabhupalthya11 Před měsícem

    Tq mam ❤

  • @ankitharsh6779
    @ankitharsh6779 Před rokem +4

    Mai Apki tarah kab coding kar paunga 😅

  • @saritasinha487
    @saritasinha487 Před 5 měsíci

    di plz make some videos on react js mini projects..thanku so mch di for this series

  • @aegon199
    @aegon199 Před rokem +5

    mini-projects are highly effective in strengthening one's conceptual understanding.

  • @jjvminjaz
    @jjvminjaz Před 5 měsíci

    your tutorial is so good......i wish you talk in english

  • @WebXLearner
    @WebXLearner Před rokem

    mam ek portfolio ki video le aiyye taki hum apne sare project waha pe list kar sake plz next video on this topic

  • @usefultricks13
    @usefultricks13 Před 8 měsíci

    Thanks Di, i've Created this project by following this video, even i've added synonyms.
    I want to know, how can i add pronunciation audio in this because some *phonetics* have audio in 0th index, some have it in 1st or 2nd and some have 2 pronunciations UK and US.
    It will be really helpful if you reply :)

  • @gayatrishimpi2693
    @gayatrishimpi2693 Před 10 měsíci

    Plz make sorting program of data structure like bubble sort or etc

  • @srflashfiles
    @srflashfiles Před rokem +2

    Second view ❤

  • @deepak420re4
    @deepak420re4 Před 4 měsíci

    Can you video on useful apis

  • @manishfe
    @manishfe Před rokem +2

    Make a youtube comment box with local storage

  • @indurani5744
    @indurani5744 Před 5 měsíci

    video se to sab samajh aa gaya but aapke jaisa logic aur code ka knowledge kaise badha sakte hai, please suggest

  • @learnwithmijan
    @learnwithmijan Před rokem +2

    Kaisy English to Bangla or hindi karu sister,, or Api without online Chalagi ky.. Matlab offline app kaisy make karuuu

  • @xyeem1566
    @xyeem1566 Před rokem +2

    You're doing " Hit on Hit "

  • @assignmentonbiologytopic9512

    Plaza more JavaScript projects plzzzzzzzz appuu

  • @SupportResistance2001

    @codetraversal Ma'am please ek "PERSONAL WEBSITE PROJECT" with HTML CSS AND JS🙏🙏🙏

  • @adeebkhan8531
    @adeebkhan8531 Před rokem +1

    Just a small query - You used a property "flex grow: 1" to give full width to input and the remaining to the search button. In one of your videos (pass generator app) you did the same thing but with a different function which is flex-basis: 100%. I want to ask are they completely same or different because here the later also works the same way.

    • @codetraversal
      @codetraversal  Před rokem +1

      Flex-basis determines how big an element will be along the main axis before any expanding or contracting takes place. Flex-grow calculates how much it will expand relative to its sibling elements.

    • @adeebkhan8531
      @adeebkhan8531 Před rokem +1

      @@codetraversal Thanks, so can they be used interchangeably?

    • @codetraversal
      @codetraversal  Před rokem +1

      No. Flex-basis sets the initial size of a flex item, while flex-grow determines how much an item should grow when there is extra space. They are not interchangeable, as they serve different purposes in the flexbox layout module.

    • @adeebkhan8531
      @adeebkhan8531 Před rokem +1

      @@codetraversal Thanks a lot Mam for answering, my doubts are almost clear now and the rest shall be cleared with more and more practice. BDW awesome project, like always. :)

    • @codetraversal
      @codetraversal  Před rokem +1

      Keep it up👍

  • @mdfarhan2047
    @mdfarhan2047 Před rokem

    Can you please tell where to learn all the topics of web development with resources for better conceptual clarity and prepare for interview.....pls tell if you're seeing this msg....

  • @manishnagda8756
    @manishnagda8756 Před rokem

    Hi, didi i want to learn a portfolio using in html css and javascipt

  • @xyeem1566
    @xyeem1566 Před rokem

    Please start Node Js Series

  • @mursidhossen1070
    @mursidhossen1070 Před rokem

    Your voice is so cute 🥰

  • @shyampant4362
    @shyampant4362 Před rokem +1

    koi js beggining to advance ka course bna do taki jo concept aap lgate ho vo or bi lga skhe.
    yha toh js mein mostly copy paste chal rha h. aap likte ho hm log copy paste krte h

  • @beanartist305
    @beanartist305 Před 6 měsíci

    Aapne dictionary ko fetch Google se kiye h ???

  • @arunsaklani9890
    @arunsaklani9890 Před 6 měsíci

    Apki awaj to 5 class ke bcche jsi hai good lekin apki knowledge ache ache ko fail krdo plz ek chij bta do js m logic ni bn pa rha hai kse kre

  • @webizzcorner
    @webizzcorner Před rokem +2

    aap ki explanation bohot achcha samajh main aata hain. please make a fulstack e-commerce site!

  • @Shruti_548
    @Shruti_548 Před 11 měsíci

    Please make without api

  • @phantomYT007
    @phantomYT007 Před 10 měsíci

    added synonyms

  • @niteshkashyap9718
    @niteshkashyap9718 Před rokem +1

    Ma'am apna name bataiye plz

  • @learnwithmijan
    @learnwithmijan Před rokem +2

    Can this app be used offline??

  • @yogeshmishra41
    @yogeshmishra41 Před rokem +2

    can u add source code didi

  • @s7t_rust
    @s7t_rust Před 6 měsíci

    I can't fetch data 🥺 help

  • @QUUBBLE
    @QUUBBLE Před 9 měsíci

    Source code share please

  • @dranzer999
    @dranzer999 Před rokem

    can you give the source code please?

  • @ayushrawat-fm7xg
    @ayushrawat-fm7xg Před 13 dny

    code???

  • @jkscout
    @jkscout Před rokem

    You need to put your title in your language. This is false advertising.

  • @vishnusingh2300
    @vishnusingh2300 Před rokem

    14

  • @shrajangupta8206
    @shrajangupta8206 Před rokem

    source code dedo didi please

  • @user-vz2vx4cp5v
    @user-vz2vx4cp5v Před rokem

    How I reach you on whatsapp?

  • @Broken_Heart314
    @Broken_Heart314 Před rokem

    Source code share please