In Deviants Factions, I was responsible for collaborating with the design team in creating assets and implementing various screens using React and Sass. Since this project was heavily focused on assets, most components had to be coded in a way to minimize the use of bitmaps.
During the beginning of the project, there was an idea to create each card with code so that the content of each card could be loaded through JSON files. However, due to the unique nature of NFTs, this approach had to be discarded to ensure the authenticity and uniqueness of each card.
This posed a challenge when creating shapes using only code, and also required finding ways to cut and recreate assets on the web. Furthermore, one of the main difficulties was that a majority of the responsive views had to be done directly in code, which required careful planning and execution.
As most of the responsive views had to be created directly in code, it posed a challenge to efficiently manage and maintain the amount of information displayed on each device. Balancing this with the timely deployment of views and features was a complex task.
The project required breaking down each card into individual assets and assigning them to the corresponding React components using props and CSS properties. The heavy lifting was done through CSS classes, with minimal use of JavaScript.
