New Project | Tangeble

Built by

core-check2-1784838524666

Computer Science

Build a To-Do List with Node.js, Express, and Vanilla JavaScript

Node.jsExpressJavaScript

Build a To-Do List with Node.js, Express, and Vanilla JavaScript

Build a small working to-do list from scratch. You will use familiar HTML structure and CSS selectors while learning the missing pieces: a Node.js project, an Express server, a tiny JSON API, and vanilla JavaScript that updates the page when tasks are added or completed.

2 modules6 lessonsComputer ScienceNode.jsExpressJavaScriptHTMLCSSnpmFetch API

What you learn by building this

Create and run a Node.js project with an Express server
Serve an HTML, CSS, and JavaScript frontend from Express
Design a small API for reading, creating, and completing to-do items
Use browser fetch requests and DOM updates to keep the interface synchronized with the server
Run and demonstrate a complete working to-do list locally

Learning Journey

Follow the path module by module. The layout keeps the lesson count, your progress, and the module description in one scan.

Make the to-do page stand on its own

2 lessons

Create the project folder and a polished static interface first, using the learner's existing HTML and CSS foundation. The page will be runnable before any server or API work begins.

Add the Express server and connect the browser

4 lessons

Turn the static page into a running Node.js application, then replace hard-coded task behavior with a tiny server-backed API.

Could not load this public lesson.

Failed to read projects/p_4a1f778790bd46d78d38/course/lessons/create-the-todo-interface/03-tasks.md from TangebleAI/workspace-915b028f5ff5: Internal Server Error

Course Outline

2 modules · 6 lessons

Make the to-do page stand on its own

Add the Express server and connect the browser

Learn by building your own version.

Remix this public project to open the workspace, follow the guided build, and let the AI mentor teach you through the work instead of doing it for you.