Set Up the Environment For Temperature Converter

Set Up the Environment

Let’s begin by setting up our development environment and initializing a new React project.

Install Node.js

If you haven’t already, install Node.js from the official website. This also installs npm. Having Node.js (version 14 or above) is required to create and run React apps.

Create a New React App

Open your terminal/command prompt, navigate to the folder where you want to create the project, and run the following command:

npx create-react-app temp-converter

This uses the Create React App toolkit to set up a new React project named temp-converter (you can choose any name) with all the necessary configuration. Wait for the command to finish; it will create a new directory called temp-converter with the project files.

Navigate to Project Directory

Move into the project folder by running:

cd temp-converter

Start the Development Server

While in the project directory, start the React development server by running:

npm start

This will compile and launch the default React app on your local machine. Open http://localhost:3000 in your web browser, and you should see the default React welcome page. This confirms that our environment is set up correctly and the base app is running.