Blockday: To-Do-App im Minecraft-Look, gebaut mit GitHub Copilot
Blockday ist eine responsive To-Do-Liste mit blockiger, an Minecraft angelehnter Optik, erstellt mit GitHub Copilot. Ziel war ein schlanker Aufgabenmanager, der die taegliche Planung unterhaltsamer macht, ohne die Uebersichtlichkeit zu opfern.
Ich habe Blockday entwickelt, eine responsive To-Do-Listen-Anwendung mit einem blockbasierten, von Minecraft inspirierten Design.
Die Idee war einfach: einen leichtgewichtigen Aufgabenmanager zu schaffen, der die alltägliche Aufgabenplanung etwas abwechslungsreicher gestaltet und dabei eine aufgeräumte und benutzerfreundliche Oberfläche bietet.
Es ist weder React, Node.js, eine Datenbank noch ein externes Backend erforderlich.
Einer der Hauptgründe, warum ich dieses Projekt umgesetzt habe, war die Frage, wie GitHub Copilot den gesamten Entwicklungsprozess unterstützen kann.
Ich habe GitHub Copilot innerhalb von GitHub Codespaces genutzt, um die Anwendung zu erstellen und zu verbessern, unter anderem:
Der Prozess bestand nicht einfach darin, Copilot zu bitten, eine Anwendung zu bauen. Ich habe Anforderungen formuliert, den generierten Code überprüft, die Anwendung getestet, Probleme identifiziert und anschließend mit gezielten Prompts die Umsetzung verbessert.
Nutzer können beim Anlegen einer Aufgabe ein Fälligkeitsdatum festlegen oder es später hinzufügen bzw. ändern.
Die Anwendung bietet zudem optionale Erinnerungen für unerledigte Aufgaben, die heute fällig sind.
Wenn Erinnerungen aktiviert sind, kann die Anwendung Browser-Benachrichtigungen verwenden, sofern die entsprechende Berechtigung erteilt wurde. Falls Benachrichtigungen nicht verfügbar oder blockiert sind, wird stattdessen eine Erinnerung innerhalb der App angezeigt.
Die aktuelle Implementierung prüft Erinnerungen, während die Anwendung geöffnet ist, sodass Benachrichtigungen nicht garantiert sind, wenn die Website vollständig geschlossen ist.
Aufgaben werden lokal im Browser über localStorage gespeichert.
Probiere es selbst aus: https://blockday-todo.onrender.com/
Erstelle eigene Aufgaben und probiere die verschiedenen Funktionen aus.
https://github.com/pnkj006/ToDoList-Using_Copilot
Dieses Projekt hat mir geholfen zu verstehen, wie KI-Coding-Tools in einen echten Entwicklungs-Workflow passen.
Der wichtige Teil bestand nicht einfach darin, mit Copilot Code zu generieren. Ich musste:
Es war eine wertvolle praktische Erfahrung mit KI-gestützter Entwicklung, GitHub Codespaces, Git, Browser-APIs und Deployment.
Einige Verbesserungen, die ich in Zukunft angehen möchte:
Im Moment ist Blockday ein einfaches und leichtgewichtiges Projekt, das dir hilft, deinen Tag zu planen, Block für Block.
Automatisch übersetzt. Das Original auf Englisch ist unten aufklappbar.
Original (Englisch) anzeigen
I built Blockday, a responsive To-Do List application with a block-style, Minecraft-inspired design.
The idea was simple: create a lightweight task manager that makes everyday task planning a little more engaging while keeping the interface clean and easy to use.
No React, Node.js, database, or external backend is required.
One of the main reasons I built this project was to explore how GitHub Copilot can assist throughout the development process.
I used GitHub Copilot inside GitHub Codespaces to help build and improve the application, including:
The process wasn't simply about asking Copilot to build an application. I provided requirements, reviewed the generated code, tested the application, identified issues, and then used specific prompts to improve the implementation.
Users can assign a due date when creating a task or add/change it later.
The application also provides optional reminders for incomplete tasks that are due today.
When reminders are enabled, the application can use browser notifications if permission is granted. If notifications are unavailable or blocked, an in-app reminder is used instead.
The current implementation checks reminders while the application is open, so it does not guarantee notifications when the website is completely closed.
Tasks are stored locally in the browser using localStorage.
Try it yourself: https://blockday-todo.onrender.com/
Create your own tasks and explore the different features.
https://github.com/pnkj006/ToDoList-Using_Copilot
This project helped me understand how AI coding tools can fit into a real development workflow.
The important part wasn't simply generating code with Copilot. I had to:
It was a useful hands-on experience with AI-assisted development, GitHub Codespaces, Git, browser APIs, and deployment.
Some improvements I would like to explore in the future:
For now, Blockday is a simple and lightweight project that helps you plan your day, one block at a time.