Very early stage of project, please see source code or live demo

This project started out as a simple Vue.js learner tutorial on making a webshop. Pivoted to making a Dark Souls III ring weight and effects calculator | build planner.

Known Issues

• Image loading delay

A visual bug occurs when the user rapidly clicks the ‘next’ button. Images load with a delay compared to other data such as name and description. Currently I’m working on optimising the image loading time as well as implement features from the wishlist below.

I suspect the problem is either in lack of caching images or a problem in Vue’s reactivity.

Feature wishlist

• Changeable versions of rings

In Dark Souls III, you can discover various ‘versions’ of rings, ranging from base to +3. Higher tier variants can significantly benefit a player build, thus it’s always worth checking to see whether possessing them enhances your damage output or survivability.

I’ll make it so you can click on a ring to alter its version, which will also update the sidebar values. If you go over +3, the loop will reset and you will be back at the base version.

• Shuffle button

A simple shuffle button that generates a randomly selected arrangement of four rings on the sidebar.

• API implementation

Ability to export your loadout or view specific ring data. Could be handy.

That’s it for now! If you have any questions or would like to discuss the project with me, you can see the source code or you can reach out to me directly! You can find my contact information on the about page.