About the Project
This project is a simple, yet effective, temperature converter built with React. It allows users to view temperature data in either Celsius or Fahrenheit.
The main component, Temperature.jsx, is responsible for rendering the temperature data. It uses a boolean state variable, isCelsius, to determine the unit of temperature to display.
Two functions, cButton and fButton, are used to toggle the isCelsius state, thereby switching the temperature display between Celsius and Fahrenheit.
The renderTemperature function takes a temperature value in Kelvin and converts it to the appropriate unit (Celsius or Fahrenheit) based on the isCelsius state.
The component's render method returns a JSX element that displays the current temperature and the "feels like" temperature, both of which are rendered using the renderTemperature function. It also includes two buttons that allow the user to switch between Celsius and Fahrenheit.
This project demonstrates the use of React's state and props, as well as event handling in React. It's a great starting point for anyone looking to understand how to handle state changes and user events in a React application.
Log in or sign up for Devpost to join the conversation.