Functional Web Dictionary App ππ w/HTML, CSS & JS
Design comparison
Solution retrospective
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
If you notice any bugs you know what to do ππ
Community feedback
- @Mazhar1857Posted 6 months 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 helpful0@kodan96Posted 6 months ago@Mazhar1857
thanks for the suggestions, I applied them, except the following the Figma file part, because my main goal was to implement the functionality.
1
Please log in to post a comment
Log in with GitHubJoin 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