Skip to content
Submitted about 1 year ago

Vanilla JS and Sass Dictionary app

Biljana Kotevska•130
@BiljanaKotev
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Dictionary web app
  • HTML
  • CSS
  • JS
  • API
3intermediate

Design comparison

SolutionDesign

Solution retrospective

The most difficult I would say was trying to figure out how I wanted to implement the drop-down function, I started out with a select element but then thought went a different route and created a ul element with an event listener. There are still some bugs I need to work out, for example, if I submit with a blank input it triggers the err and if I then enter a word that doesn't exist it will trigger the next error but if I then enter a word that does exist it won't get pulled from the API...if anyone can understand why this is happening and point me in the right direction it would be much appreciated. All in all, I'm overall happy with the results. I also need to figure out how to manipulate the SVGs to style the colors on hover. But I wanted to practice the JS and I got to do that with the different array methods and DOM manipulation so it was a fun project and I learned a lot.

Community feedback

  • Matias Ludueña•1,990
    @matiasluduena23Posted about 1 year ago

    Hi Biljana Kotevska’s! Nice work!

    • My first impresion is that you can switch between theme with less Javascript code. This video might help you.

    I don't have time now, but tomorrow I will try to check more in deep you code to find the bug that you point up.

    Good code!

    Matias!

    Marked as helpful
    0
    Biljana Kotevska•130
    @BiljanaKotevPosted about 1 year ago

    Thx @matiasluduena23 I have also started to refactor the code and added some functions to make it a bit cleaner and less spaghetti code 😉. I’ll watch the video tmr!

    0
    Biljana Kotevska•130
    @BiljanaKotevPosted about 1 year ago

    I figured out all the bugs and will sit down and watch the CSS video now, thanks again for your reply! @matiasluduena23

    1
    Matias Ludueña•1,990
    @matiasluduena23Posted about 1 year ago

    @BiljanaKotev Great! I haven't done this challenge yet, but looks a little tricky! Let me know if you need help! Since you need to much Javascript code, maybe is easy to debug if you use modular programming. this video might help you.

    Good code!

    Matias

    Marked as helpful
    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord