Dunia Games - Global Search

Dunia Games has a lot of features that you can explore. Therefore, to make it easier for users, the Dunia Games team created a global search feature to find what users want quickly.

For example, in the example given, when you click the search button in the navbar, suggestions appear, namely popular games and those that are trending in the world of games. When you type the word "mobile", all related features appear, namely Articles, Livestream, Videos, and Tournaments. Also at the bottom, users will find Quick Purchases related to the word "mobile". Then after clicking, the appropriate page appears. Therefore, with this feature, users will immediately find what they want quickly.

My job is to create this feature, both slicing (changing the image UI in Figma into html, css, and js code), and also integration (consume API, translation, empty state, error state, etc.).

NB: Source code cannot be shared because it is a company asset.

See the result on
portfolio/global-search/global-search-1.png
portfolio/global-search/global-search-2.png
portfolio/global-search/global-search-3.png
portfolio/global-search/global-search-4.png
portfolio/global-search/global-search-5.png
portfolio/global-search/global-search-6.png
portfolio/global-search/global-search-7.png
Dunia Games - Global Search | Dani Nur Afandi