Get the Starter Project

For this course, we are starting from a prepared To-Do List interface instead of building the styling from scratch.

1. Get the Starter Project

Use the starter project repository on GitHub.

Starter project: GitHub repository

Clone or download the repository, then place the project in a location where you normally keep your coding projects.

2. Open the Project

Open the project folder in your code editor.

The project should contain this structure:

text
todo-list/
├── index.html
├── css/
│   └── style.css
├── js/
│   └── script.js
└── assets/
    └── icons/

3. Check the Main Files

Make sure these files are present:

• index.html — the application page
• css/style.css — the prepared visual design
• js/script.js — the JavaScript file we will build on throughout the course

Do not change the visual styling yet. We will use the prepared design as the starting point for the application.

Checkpoint

You should now have the starter project open in your editor with index.html, style.css, and script.js available.