Submitted about 1 year ago

Functional Web Dictionary App 📖📖 w/HTML, CSS & JS

animation, gsap, jquery, semantic-ui

Koda👹•3,830

@kodan96

A solution to the Dictionary web app challenge

Preview Code

Solution retrospective

What are you most proud of, and what would you do differently next time?

Made with:

HTML 🦴
CSS 🎨
JS 🤖
used jQuery, gsap libraries 📚📚
used preferred-color-scheme
mobile-first workflow 📲
smooth scrolling provided by lenis
clicking the synonyms will refetch the data with the synonym
also implemented a scroll-to-top method when the synonyms are clicked
time to build: about 5hrs

What specific areas of your project would you like help with?

If you notice any bugs you know what to do 👇👇

Code

Please log in to post a comment

Community feedback

Md Mazhar Ali•440
@Mazhar1857
Posted about 1 year ago
After selecting an option from the dropdown menu or clicking outside of it, the dropdown should close. Additionally, the dropdown should open when you click the arrow button. The keyboard's enter button is not working; this means that typing something into the search bar and pressing enter should generate results. You should use the Figma file to obtain more accurate design dimensions. It will look better
Marked as helpful

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