Develop a website with a members' area in React.

Job ID: 37847776

Budget: $250 – $750 USD

I have a website that was created on Bubble.io, and I would like to recreate it using 100% React, meaning only the front-end, as I already have a backend that works perfectly. Essentially, the connection is made through an API.

I would like to recreate:

Dashboard pages: https://sophiafinance.ai/dashboard
Main page (Signup/Login): https://sophiafinance.ai/
Password recovery: https://sophiafinance.ai/request_reset_pw
Password change: https://sophiafinance.ai/reset_pw
And I would add/change a page that we already have for first-steps because I would like to create a guided step-by-step tutorial with four stages showing the process.

I want the design to be modern; I do not want a site with outdated designs. I want to change the colors to make it more modern and minimalist, below are some references:

https://dribbble.com/shots/19585242/attachments/14709527
https://dribbble.com/shots/16055888-Project-Management-Dashboard-Design
https://dribbble.com/shots/20698205-Plinplan-Task-Management-Landing-Page
https://dribbble.com/shots/15480759-Online-Banking-Web-App
Additionally:

The password field should have a show/hide button and also validate if the password is secure.
In the registration, there should be an option to choose the country and another field for language (en, es, pt), and in the "POST" send the country code in the internationalization standard, and in the field, it should be pre-filled with the location from which it is being accessed.

In the registration, there should be an option for the mobile number with the option to select the country, and the field should conform to the country's standard, and by default, it should be in the format of the location being accessed (I have listed the countries and formats).
Implement i18n to translate the site into en, es, and pt.

When registering, please inform the timeframe, price, and send your portfolio.