Setting up the environment for To-Do List App

Now it’s time to start building! In this module, we’ll walk through setting up the environment, organizing your project structure, and writing clean, functional code using React. By the end, you’ll have a working To-Do List app that lets users add, complete, edit, and delete tasks—all in real-time.

Let’s start with preparing your development setup:

Step 1: Install Node.js

If you haven’t already, install Node.js (LTS version) from https://nodejs.org. It comes bundled with npm, which helps manage packages.

After installation, verify by running:

node -v

npm -v

Step 2: Create the React App

Use create-react-app to bootstrap your project. In your terminal:

npx create-react-app todo-app

cd todo-app

This command generates a starter React project with all configuration files already set up.