Codetive
Sign In
Referral Earnings Calculator
Create a referral earnings calculator where users can input or adjust the number of referrals/sales.
Free
component-preview

Instructions

  • Your task is to create a Referral Earnings Calculator that allows users to input or adjust the number of referrals/sales and calculates their passive income per month.
  • Display the earnings dynamically as the user interacts with the slider to adjust the number of sales.
  • Include a "Join Programme" button.
  • Make sure the earnings and sales count update in real-time as the user interacts with the slider.

Hints

  • Use a slider component for adjusting the number of sales.
  • Make sure the passive income calculation is clear and updates instantly.
  • Make the "Join Programme" button stand out with a hover state.
  • Display both the total earnings (in dollars) and the number of sales.

Bonus

  • Add additional styling or animations to the slider for smoother interaction.
  • Allow users to manually input the number of sales and have the slider update accordingly.
Submit solution
soon
We are currently working on submitting solutions check the progress here