d4-build-calc

KO | EN

gitlite — search

#javascript #python #react #typescript #golang #android #deep-learning #linux #java #awesome #pytorch #security #mcp #openai

(★ 11)

A React based web application for Diablo IV build planning.

d4-build-calc Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Diablo IV Build calculator

This project is a build calculator for the Diablo IV action-rpg video game made by Blizzard. The goal of the application is to create various build for the classes from the game and to plan the skill progress as leveling up.

The official site of the game can be found here -> [Official Site](https://diablo4.blizzard.com/en-us/#:~:text=Diablo%C2%AE%20IV%20is%20the,nightmarish%20dungeons%2C%20and%20legendary%20loot.)

The deployed application can be found on Vercel -> https://www.d4buildcalc.com/

## Technologies Used

- React
- JavaScript
- SCSS
- JSON

## Libraries Used

- d3: ^7.8.2
- jsdom: ^21.1.1
- react: ^18.2.0
- react-d3-tree: ^3.5.1
- react-dom: ^18.2.0
- react-router-dom: ^6.9.0
- react-scripts: ^5.0.1
- react-tsparticles: ^2.9.3
- tsparticles: ^2.9.3
- tsparticles-slim: ^2.9.3
- web-vitals: ^2.1.4

## Features

- Node-based UI where users can spend points to create a character skill build
- Skill tree with 7 skill category nodes, subnodes, and active skills
- Active skills with up to 5 skill points and 2 layers of skill upgrades
- 5 different classes: Barbarian, Druid, Necromancer, Rogue, Sorcerer
- Ultimate skills with 1 skill point and upgrades
- Passives with up to 3 points and some locked behind other passives
- Ultimate Key Passives with 1 point and only one pickable
- Ability to remove points from nodes and alerts if a subsequent node is open and has points

## Goals
- In the development process, the intention was to make the app look and work like the in-game skill tree as much as possible
- This meant using assets and images directly from Blizzard to ensure authenticity
- The UI design and functionality were based on the actual in-game skill tree mechanics to provide an accurate representation of the system
- The aim was to create an immersive experience that closely resembles the actual game, so that users can get a feel for how their builds will look and work in the game

## Credits

Many images and assets used in this project are the property of Blizzard Entertainment, Inc. This project is intended for entertainment purposes only.
This project is not endorsed by or affiliated with Blizzard Entertainment, Inc.

This project developed as part of a learning process to gain experience in React-based web app development. It makes use of data provided by the Diablo IV Build Calculator repository on [GitHub](https://github.com/Lothrik/diablo4-build-calc), created by [Lothrik](https://github.com/Lothrik), which has been an instrumental resource in the development of this project. I would like to extend my sincere thanks and appreciation to Lothrik for his hard work and contributions to the Diablo IV community.

d4-build-calc

d4-build-calc Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

d4-build-calc

d4-build-calc Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README