Programming Problem (90 points)
The goal is to apply usability and accessibility guidelines to the app developed in Homework 1. Create a React application for a temperature display that automatically converts temperature, without the need to press a button. Implement Graphical User Interface using React. The React application has four components, the top level React componentAppand three helper React components,Header , Selector ,and Display . Convertis not used.
You have the freedom to design the GUl and the React components using HTML elements of your choice. You are not allowed to used any React component library. Follow the "Thinking in React" development steps and start with a mock-up interface.
Requirements- You must follow the Model-View-Controller design pattern.
- Use Chrome browser for final viewing (the submission will be graded using Chrome).
- A user must not be allowed to enter an incorrect temperature value. To achieve this you can add text handler or use a different HTML element.
- Temperature conversion happens automatically.
- Selector and Displaycomponents must include tooltips, both for the temperature display and scale selection elements.
- The scale options must include Celsius, Fahrenheit, Kelvin and Rankine scales.
- The web page title is:
Homework 2: PID
- PID is your VT PID
- My VT PID is rifatsmso in my case the title would be:
Homework 2: rifatsm