Temperature converter app using React Native

Meet Pandya
1 min readNov 10, 2022

--

We will talk about how I built a very simple React Native app that converts temperature from Celsius to Fahrenheit and vice versa.

Since the beginning of 2022, I have been working at a healthcare startup as a Fullstack Developer where our frontend stack uses React/Redux with Typescript. I realized how beneficial my React experience is to build this React Native app.

The temperature converter app is a single page app where there are 2 numeric input fields. One is for Celsius and the other is for Fahrenheit. And, the way it works is you simple type a number in either of the fields and it will simultaneously convert in the other temperature.

The following components were used

View, Text & TextInput

Below is the look and feel of the app

The styling as I understand so far is done via Json objects, see below.

Here’s the github repo of the project

https://github.com/pandyama/Temperature-React-Native

--

--