Download and Open the Project

Start by getting the starter project onto your machine and running it locally.

1. Get the starter

You can use the course starter included with this course:

Download the starter project from GitHub

2. Open the project

Extract the ZIP and open the extracted folder in your editor. You should see a package.json file and a src folder.

3. Install dependencies

Open a terminal in the project folder and run:

bash

npm install

This installs React, React DOM, Vite, and the Vite React plugin listed by the project.

4. Start the development server

Run:

bash

npm run dev

Open the local URL Vite prints in the terminal.

You should see the TaskBoard interface with three columns and sample tasks.

What to notice

The board already looks like an application, but try interacting with it. The Add Task button does not create anything yet, and the form is only a visual preview. That is intentional.

Checkpoint

The project runs locally and shows the prepared Kanban interface. If you can see the board in your browser, you are ready to continue.