This project is a web recreation of Central Market from the game Black Desert Online .
Originally the UI was made with a C++ graphics engine and used internal game API, recreation however is made in a tech-stack of Vue.js + Tailwind for the UI and Nest.js for the API.
Color palette is mainly dark gray and brown colors with some exceptions for the most important UI elements. These colors attempt to mimic the color scheme used in the game.
Visual language of the application UI tries to be the same as the original in-game implementation. Main goal is that any player should immediately recognise these components and their purpose. One example of that interaction might be the tooltip component, as seen below.
Any BDO player will know what this element is responsible for. Thus unifying the experience between this application and an in-game market.
Besides bringing well-known market experience, in the future application will be able to e.g. send push notifications when item drops below certain price or even install it as an multi-platform application.