Was wurde heute erreicht?
Was wurde heute erreicht?
Heute wurden wir mit den MUST-Anforderungen fertig (das Managen von Trails (ohne API)). Auf der Website kann man nun Trails erstellen, editieren und löschen. Abgelaufene Trails erhalten automatisch ein expired-Tag und der Edit-Button wird für den Nutzer deaktiviert. Auch die Sortierfunktion der Trails wurde erfolgreich implementiert.
Gab es Herausforderungen, die Sie gemeistert haben?
Gab es Herausforderungen, die Sie gemeistert haben?
Ja, wir hatten ein nerviges Merge-Problem. Wenn zwei Personen gleichzeitig an derselben Funktion arbeiten (eine implementiert Funktionalität, die andere stylt sie), entstehen Konflikte. Wenn sich niemand an die Details erinnert, muss man die Funktion im Nachhinein eventuell nochmals debuggen. Diese Herausforderungen konnten wir gemeinsam lösen, aber es war extrem Zeit-verschwenderisch.
Was waren neue Erkenntnisse bzw. Learnings?
Was waren neue Erkenntnisse bzw. Learnings?
- Wie man Arrays aus dem LocalStorage in React mapped und editierbar macht.
- Effiziente Verwendung von ShadCN-Komponentenvarianten, z.B.
"destructive"für Delete-Buttons anstelle von manuellem Tailwind-Styling.
Best Practices, die sich ableiten lassen:
Best Practices, die sich ableiten lassen:
- Irritierende Merge-Situationen möglichst durch klare Aufgabenverteilung und Kommunikation vermeiden.
- Komponentenvarianten (z.B. ShadCN) bewusst und systematisch einsetzen statt individuelle Styles zu definieren.
Gab es ungelöste Probleme?
Gab es ungelöste Probleme?
Nein, zum Abschluss der Einheit wurden alle aufgetretenen Probleme gelöst.
Wie könnte ich mein Vorgehen optimieren?
Wie könnte ich mein Vorgehen optimieren?
Ich sollte mehr Fokus auf die Dokumentation legen. Aktuell investiere ich den Grossteil meiner Zeit in die Website selbst, aber eine stärkere Dokumentation würde langfristig helfen.
Was wurde heute erreicht?
Was wurde heute erreicht?
Am Vormittag haben wir das Mockup und den Wireframe fertiggestellt. Am Nachmittag sowie kurz vor dem Mittagessen konnten wir bereits den ersten Prototyp mit Hilfe von Shadcn-Komponenten umsetzen und weiter verbessern.
Gab es Herausforderungen, die Sie gemeistert haben?
Gab es Herausforderungen, die Sie gemeistert haben?
Der Umgang mit Shadcn-Komponenten stellte anfangs eine Herausforderung dar. Zudem haben wir signifikante Fortschritte beim Arbeiten mit Tailwind CSS gemacht.
Was waren neue Erkenntnisse bzw. Learnings?
Was waren neue Erkenntnisse bzw. Learnings?
Wir haben gelernt, wie man mit CSS-Variablen in der Datei
index.css umgeht und wie man Shadcn-Komponenten korrekt in den Code einbindet.Best Practices, die sich ableiten lassen:
Best Practices, die sich ableiten lassen:
Jeder Komponent sollte einen
default export haben, da dies das Importieren erleichtert. So kann man z.B. einfach import Header from './Header' schreiben statt mit geschweiften Klammern zu arbeiten.Gab es ungelöste Probleme?
Gab es ungelöste Probleme?
Es gab keine wirklichen Probleme nur potenzielle Verbesserungsmöglichkeiten wurden erkannt.
Wie könnte ich mein Vorgehen optimieren?
Wie könnte ich mein Vorgehen optimieren?
Aktuell gibt es keine konkreten Optimierungsideen. Eventuell könnte durch effizienteres Arbeiten noch Zeit gespart werden.
Was wurde heute erreicht?
Was wurde heute erreicht?
Heute habe ich die Anforderungsspezifikation (funktionelle Anforderungen) gründlich durchgelesen und interpretiert. Ausserdem habe ich das Mockup zu etwa 90 % fertiggestellt, es fehlt nur noch das Login sowie korrekte Verlinkungen. Zusätzlich habe ich ein Logo für RappiTours entworfen, unser Farbschema (Colour Palette) ausgewählt und basierend darauf sowohl den Light Mode als auch den Dark Mode gestaltet.
Gab es Herausforderungen, die Sie gemeistert haben?
Gab es Herausforderungen, die Sie gemeistert haben?
Ja, insbesondere das interaktive Verlinken in Figma hat viel Zeit in Anspruch genommen. Auch das Arbeiten mit Grids war zunächst kompliziert. Zusätzlich habe ich gelernt, wie man effektiv mit Komponenten in Figma arbeitet.
Was waren neue Erkenntnisse bzw. Learnings?
Was waren neue Erkenntnisse bzw. Learnings?
Ich habe heute viele neue Kenntnisse im Umgang mit Figma gesammelt, sowohl was die Benutzeroberfläche betrifft als auch das Arbeiten mit interaktiven Elementen, Grids und Komponenten.
Best Practices, die sich ableiten lassen:
Best Practices, die sich ableiten lassen:
Figma lässt sich gut durch Trial-and-Error lernen, man muss nicht zwingend Tutorials oder Videos schauen. Es lohnt sich, selbst herumzuprobieren.
Gab es ungelöste Probleme?
Gab es ungelöste Probleme?
Ja, ein Problem besteht noch: In Figma funktioniert eine Verlinkung mit einem kleineren Frame nicht korrekt. Ich gehe aber davon aus, dass ich dieses Problem bald lösen kann.
Wie könnte ich mein Vorgehen optimieren?
Wie könnte ich mein Vorgehen optimieren?
Ich könnte gezielter zu Figma recherchieren und mehr Wert auf eine durchdachte Farbauswahl legen, da unsere erste Colour Palette eher willkürlich gewählt war.
Was wurde heute erreicht?
Was wurde heute erreicht?
- Einführung in die Begriffe Kanban und Kaizen
- Erstellung eines GitHub-Project für unsere aktuelle Aufgabenstellung (Milestones, Features, Tasks, Issues, Sub-Issues)
- Node.Js und NPM vertieft, mit NVM die Version von Node auf lts angepasst (long-term support, nicht “latest”)
- Beginn mit den Grundlagen von React in Kombination mit TypeScript
Gab es Herausforderungen, die Sie gemeistert haben?
Gab es Herausforderungen, die Sie gemeistert haben?
Keine wirklichen Probleme sind am Schluss aufgetreten.
Was waren neue Erkenntnisse bzw. Learnings?
Was waren neue Erkenntnisse bzw. Learnings?
- React Grundlagen: Routers, Routes, Navigation, allgemeiner Syntax in TSX-Files, “useState”
- Theorie zu Node.Js, NVM und NPM
Best Practices, die sich ableiten lassen:
Best Practices, die sich ableiten lassen:
React lernen funktioniert sehr gut mittels kleinen Beispielen, die man online finden kann.
Gab es ungelöste Probleme?
Gab es ungelöste Probleme?
Nein, bisher konnte ich alle Aufgaben erfolgreich lösen. Es war jedoch viel Theorie.
Wie könnte ich mein Vorgehen optimieren?
Wie könnte ich mein Vorgehen optimieren?
- Gezieltere React-Challenges zum Lernen verwenden
- Wichtige Commands während des Unterrichts irgendwo dokumentieren