END-TO-END-PROJEKT: BAUE EINE DEZENTRALE TODO-LISTE

Lass uns eine komplette Anwendung von Grund auf neu erstellen.

PROJEKT-EINRICHTUNG:

1. Installiere dfx

2. Projekt erstellen: dfx new todo-app

3. Motoko oder Rust wählen

4. dfx.json konfigurieren

BACKEND-CANISTER:

Actor TodoApp {

stabile Variable todos: [(Nat, Text, Bool)] = [];

stabile Variable nextId: Nat = 0;

public func addTodo(text: Text) : async Nat {

let id = nextId;

todos := Array.append(todos, [(id, text, false)]);

nextId += 1;

return id;

};

public func completeTodo(id: Nat) : async () {

todos := Array.map(todos, func((tid, text, done)) {

if (tid == id) (tid, text, true)

else (tid, text, done)

});

};

public query func getTodos() : async [(Nat, Text, Bool)] {

return todos;

};

}

FRONTEND:

Erstelle index.html mit:

1. Eingabefeld für neue To-dos

2. Schaltfläche hinzufügen

3. Liste der To-dos

4. Vervollständigungs-Schaltfläche für jedes

BEREITSTELLUNG:

1. dfx start --background

2. dfx deploy

3. Im Browser öffnen

4. Funktionalität testen

PRODUKTIONS-CHECKLISTE:

1. Authentifizierung hinzufügen (Internet Identity)

2. Stabile Speicher hinzufügen

3. Fehlerbehandlung hinzufügen

4. Frontend-Zertifizierung hinzufügen

5. Auf das Mainnet bereitstellen

ERWEITERUNGEN:

1. Benutzerkonten hinzufügen

2. Kategorien hinzufügen

3. Fälligkeitsdaten hinzufügen

4. Erinnerungen hinzufügen

5. Teilen hinzufügen

DIES IST DER KOMPLETTE ICP-KURS.

Von der Einführung bis zur Architektur zum Bau echter Anwendungen. Du hast jetzt das Wissen, um alles auf dem Internet Computer zu bauen.

Die Zukunft ist dezentral. Die Zukunft ist ICP.

$ICP #InternetComputer #KursAbgeschlossen