If you ain't got that one super shot of yourself for your profile picture then your online presence will be missing some salt. Profile pictures have invaded everything to such an extent that it is practically impossible to avoid them. You find them on social profiles, blog posts, discussion groups, sharing websites, virtual worlds, gaming networks, chat clients, internet call platforms. They jump at you while logging on to your chosen PC operating system, your mobile phone, your preferred gaming console or even your most recent camera. They come in many flavors, be it user profiles, contact list details, chat buddies.
Kartunix is the service tasked to help users to solve all these problems.
Our goal was to provide a powerful tool for all kinds of avatars customization. That task was really challenging, since it was absolutely necessary to make constructor work extremely fast, all the transitions nearly instantaneous and process large amounts of media data (avatars collections, pics) at the same time.
For the implementation, we decided to use Fabric.js framework for the pics drawing and OwlCarousel2 for displaying elements in a user-friendly manner. Undoubtedly, we went beyond the standard with backend development, providing crazy optimizations and speeding the server performance.
Avatars are a bit like logos. Graphical in nature, as the user's alter ego they are meant to identify values, highlighting certain aspects of the persona and downplaying others. Avatars represent the individual and are designed for easy recognition and to generate favorable thoughts and feelings. This is why the Kartunix engine manages layered SVGs. This is how the user's avatar is personalized, by changing hairstyles, forms of nose and mouth.
Further, Kartunix works with more than just one avatar set. This allows for the configuration of various styles or types of avatars, be they human, aliens or animals. Storing all that non-typed data is what the MongoDB was created for, so we have designed the database architecture with a usage of best-known practices to avoid delays in fetching that information. Collections processing is an interesting topic, too, because it is the place where the mathematics comes in to provide as fast as possible data scope handling. For now, we can only tell you that there is a crazy data tree-processing stuff presented.
The current demands of the online arena require adaptability, flexibility, and automation. By implementing a responsive design, the screen layout is expanded which, in turn, allows more valuable space for advertisements. We built a framework for content to be viewed on any platform-mobile, desktop, and tablet. Responsive design allows streamlined menus that simplify user interaction. Additionally, the option to give an advertisement a fixed position, that directs the attention to the most important content while decreasing visual noise.