Set Up the Environment for BMI Calculator

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

Install Node.js and Create-React-App

If you haven’t already, install Node.js (which includes npm). Once installed, open a terminal/command prompt. Use Create React App to bootstrap a new project by running:

npx create-react-app bmi-calculator

This will generate a new React project in a folder named bmi-calculator (you can choose a different project name). Create React App sets up the project structure and installs all necessary dependencies.

Navigate and Start the Dev Server

Move into the project directory and start the development server:

cd bmi-calculator

npm start

This will launch the React app in development mode. By default, it should open http://localhost:3000 in your browser, displaying a welcome React page. This confirms our environment is set up correctly.