IDV Recharge Simulator

A website for simulating Echo recharge and calculating cost for the game Identity V.

Role
Developer
Date
June 2024 - July 2024
Technologies
React, Render

Website

website sample

Concept

I wanted a calculator/simulator for buying Echoes (in-game currency) in the game Identity V. Echoes come in various priced packages of different amounts, and I wanted a calculator that would show me the price, the amount of echoes, and the price per echo to get the best value.

Development

I used React to develop a single-page website and hosted the website with Render.

What I worked on

component and counter
Component and Counter

I created a reusable component to display each Echo Package and added a counter so User can calculate the price of more than 1 package.

reset button
Reset Button

I included a reset button that resets all the counts of each package for an efficient clear.

Calculations
Calculations

This section displays the results of the calculations, including the base price, amount of echoes, price per echo to show the best value, and the difference between recharging from the mobile app vs the website.