Mortgage repayment calculator using React and CSS.

What are you most proud of, and what would you do differently next time?

Hosting my first react app project using github pages

• Installing gh pages .
• Setting up the homepage.
• Then adding and deploying the react app.

What challenges did you encounter, and how did you overcome them?

Focusing on parent elements when their child elements is focused

label:focus-within {
  border-color: yellow;
} 
/*changes the font color of the element if an element within it is focused on */

Formatting the amount input and adding comas for every 3 digits excluding the first number

handleInput(e){
    const rawValue = e.target.value.replace(/,/g, ""); // Remove existing commas
    const numberValue = parseFloat(rawValue);
    console.log(isNaN(numberValue));
    const formattedValue = new Intl.NumberFormat("en-US").format(numberValue);
    setCalculationValue({
      ...calculationValue:
      [e.target.name] : formattedValue;
    })
}
// this process here, receives an input , removes any existing commas, converts it to number, puts a comma on the number for every 3 digits excluding the 1st one.

What specific areas of your project would you like help with?

I think the only possible assistance that can be asked is if we can get more projects with their figma files for free.

• Allows for easier styling.

Aside figma file, I think every other task that comes with the challenge is worth experience

• The more complicating a task is, the more you learn and the more experience you gain..