day in the life of a software engineer | 4 hour productivity | coding my social networking app

German-language transcript of a YouTube "day in the life" video where multiple speakers mix personal anecdotes (family, weekend trips, TV/series) and workplace topics. The group discusses office politics and then shifts into a technical session: setting up a React Native project, choosing a UI library, building a design system (atoms/molecules/organisms), components (inputs, cards, chips, SVG icons), font setup, animations, and debugging Android/iOS issues. The tone is informal, conversational, and collaborative.
Chapters
Alter, ich hab meinen Sohn das ganze Wochenende nicht gesehen, weil ich weg war.
Ja, ja, er hat sich gestern Abend.
So gefreut mich zu sehen.
Klasse. Das ist ein gutes Gefühl. Heute Morgen zum Beispiel.
Punkt. Ich hab die schwarzen Crocs angezogen und er hat schwarze Winterkrogs an Und er oh, ich will die schwarzen Crocs tragen wie Papa.
Also musste ich diese blauen Sandalen anziehen.
Damit er blaue Schuhe trägt. Bruder. OK. Oh, scheiße.
Jemand hatte hier einen Autounfall und hat seinen Roller hier stehen lassen. Das ist passiert.
Was?
Das ist verrückt. Das ist passiert. Was?
Ja, dieser Phil ist zurück. Ich bin ein bisschen krank, Alter, mir.
War übers Wochenende so schlecht. Er liebt Ameisen in letzter Zeit. Ah, OK, OK, er ist in der Insektenphase. Ja, ja, er ist konzentriert, Bruder.
Er ist stark. Alter, mein Mistkerl.
Bruder, das ist eine großartige Serie.
Die Büropolitik ist echt.
Ich habe dir doch gesagt, die Büropolitik wird immer komplizierter, weil sie nur versuchen zu sagen, dass es bei ihrem Job nicht um den Job geht, sondern um die Rettung ihrer Position.
Mein Freund hat die Serie nie gesehen.
Er schaute sie an, als wir betrunken waren. Wir sind bei Folge 8 angekommen.
Warte, warte, warte.
Dieses Wochenende.
Ja.
Oh mein Gott. Mein Bruder hat gesagt, dass er gerne campen und.
Gerne Kurt fährt und sowas.
Alter, wir gleichen uns, sind aber verschieden. Ich glaube, Geschwister sind da sehr ähnlich. Selbst wenn mein Bruder und ich coden oder sowas, weißt du? Ja, ich könnte mir gut vorstellen, dass wir das Gleiche machen, aber anders, weißt du? Backend und Frontend, weißt du? Oder Designer und Entwickler.
Richtig.
Aber ich glaube, mein Bruder ist eher der Typ Projektmanager. Hast du jemals den Film Office Space gesehen?
Oh ja, das ist wie ein Drucker, Alter. TPS Berichte. Oh, scheiße. Alter, das Fahren war so anstrengend. Wie lange hat die Fahrt gedauert? So drei Stunden. Aber wir waren gestern in den heißen Quellen.
Das war echt gut.
Punkt.
Das hört sich richtig lustig an.
Ja, Alter, er liebt das Leben, Alter.
Das tut er.
Punkt.
Das tut er.
Okina, ich trage ihn rein. OK.
Tschüss.
Jetzt fangen wir an. Ich gehe weg.
Das Einzige, was an dieser Serie wirklich gut ist, ist nicht die Romanze. Es ist wie eine Beziehung, weißt du.
In Korea gibt es so viel Altersunterschied. Hm? Selbst als Senior Entwickler in Korea mit.
Einem jüngeren Kollegen wirkt der Senior trotz ein, zwei Jahre Altersunterschied immer noch wie ein Senior.
Ja, aber in diese Serie ist es so, dass man mit gutem Beispiel vorangehen und seinen jüngeren Leuten helfen muss.
Weißt du, was ich meine? So ist die Beziehung.
Es ist wie bei den Ashi und den Tonger oder so. Weißt du, der ältere Bruder Hm und der jüngere.
Weißt du, was ich meine?
Ja, Ja, das ist die Beziehung, die es versucht, denke ich, wirklich zu erreichen, oder? Es ist, als ob es übertrieben wäre. OK, Scheiße, Alter. Verdammt, Alter.
Auf Reisen zu gehen, kostet dich ganz schön viel Kraft.
Und es ist wie mentale Arbeit, deinen Geist wieder in den Ouya Modus zu bringen. Ich habe diese Woche viel zu tun.
Ich bin jetzt wieder im Programmiermodus. Ich muss das Design implementieren. Das gesamte Frontend ist eingerichtet. Android ist im Moment etwas wackelig, aber ich werde es reparieren.
M Wahrscheinlich werde ich Song bitten, ins Frontend zu gehen oder so.
Manchmal fixiere ich mich so auf ein.
Problem, das super klein ist.
Oh, ist das der beste Weg, es zu tun oder ist das der beste Weg, es zu tun? Wenn es funktioniert, dann funktioniert es. Alter, komm später nochmal darauf.
Zurück. Findest du?
Leute machen sich zu viele Gedanken um den Tech Stack?
Ja, die Leute sorgen sich zu sehr um die Programmierung. Sie sie soll ich es so strukturieren? Und beim Programmieren mit NOJs arbeitet man oft mit vielen Bibliotheken. Man muss also lernen, wie sie es von einem wollen. Und wie bringt man das alles zusammen? Das ist Programmieren in aller Kürze.
Alles ist bereits geschrieben.
Hm, wie u Weißt du, die Navigation, all das Zeug ist bereits integriert. Man muss diese Teile nur zusammenbringen und einfügen. Weißt du? Denk mal darüber nach.
Hast du jemals MySpace benutzt?
Hm? Hm. Denk darüber nach, wie MySpace aussieht. Und jetzt denk darüber nach, wie eine einfache Website wie Instagram oder so aussieht. Weißt du? Das ist ganz anders. Ich heiße Phil.
Ich wurde nach meinem 30. Lebensjahr leitender Entwickler. Wenn Sie eine Geschichte darüber haben, wie sie beim Programmieren waren oder was sie gebaut haben, lassen Sie es uns in den Kommentaren wissen. Wir werden darauf antworten und liken, kommentieren und teilen. Es hilft dem Algorithmus wirklich und hilft uns wirklich. Und wenn ich es kann, können Sie es auch programmieren. Rettet Leben.
Danke.
Hi. Wie geht es dir?
Mir geht es gut und dir?
Mir geht es gut.
Das ist gut. Ich habe gesehen, dass du mit ein paar Freunden im Wasser warst.
Oh ja, ich war Wildwasser Rafting mit Migi. Hast du React Native zum Laufen gebracht?
Ja, hast du. Was machst du?
Ich richte das Design ein, damit es später einfach zu verwenden ist.
Standardtext.
Okay, okay, das ist gut. Das ist gut. Ich habe es verstanden.
Oh, meine Frau ist hier. Warte kurz.
Gib mir nur eine Sekunde.
Hey ja, heilige Scheiße.
Ich kann nicht glauben, dass du zu spät bist.
Oh mein Gott. Nein. Hey, warte.
Hast du das Android Problem eigentlich behoben?
Nein, Ich versuchte vieles, aber nur Fehler erschienen, trotz wiederholter OK Bestätigungen, weil ich Ja, es liegt daran, dass die Bundle Kennung nicht stimmt oder so etwas in der Art.
Richtig, das hast du gesagt.
Punkt. Ich kriege das hin. Hast du gerade einen Mac oder Windows? Ich habe Windows, verdammt nochmal. Okay, ist okay. Punkt Ist okay. Die Hauptaktivität KT Dateien. Okay, okay, okay.
Ich lerne gerade diese React Native UI Bibliothek. Das ist wirklich einfach.
Ä Ich zeige dir den Aufbau, dann.
Schreiben wir die Benutzeroberfläche.
Ja, Punkt. Okay, Also was ich gemacht habe, war.
Dass ich alles installiert und die Animationen eingefügt habe.
Ich habe alles wie zuvor gemacht, außer dass die Bildschirme noch gar nicht fertig sind. Und ich habe die Farben für das Design eingefügt. Oh Scheiße, das ist krass. Und dann importierst du einfach Farben von hier und dann funktioniert alles ähnlich, oder? Das ist ziemlich cool. Okay, Das ist eine wirklich einfach zu verwendende Bibliothek. OK, OK. Also dann haben wir jetzt primäre Farben und wir haben tertiäre Farben wie Sora und JetBrains Mono. Wir müssen also diese Schriftarten finden und sie laden. Es gibt diese Dokumentation zu React Native Schrifttaten.
Hey, tut mir leid, dass wir uns verspäten.
Oh hey, was geht, Garbe?
Wie geht es dir?
Gabe gut.
Wie geht es euch? Mir geht es gut. Vielen Dank für alles, was du getan hast.
Das weiß ich sehr zu schätzen. M. Oh ja, natürlich.
Du hast React Native eingerichtet und alles richtig.
Kannst du versuchen, das neue Projekt zu erstellen, während ich das mache? Denn ich habe eine Menge geändert.
Ich habe es geändert. Wir verwenden jetzt eine andere UI Bibliothek. Damit ist es viel einfacher zu arbeiten.
M. Alles, was du hast, ist dieser Komponentenordner und dieser Foundation Ordner und du.
Richtest deine Farben und alles ein.
Und dann kannst du hier bauen, was du willst. Es wäre schön, diese Karten, wie dieses Kartenpostelement, dieses Listenelement zu erstellen und dann diese Symbole einzufügen. M es sieht gut aus. Ich denke, wir können diese Personenkarte erstellen.
Also ich werde anfangen, einige Komponenten zu erstellen, wie z.
B. Dieses E Mail Feld.
OK, lass es uns versuchen. Bist du dir sicher?
Oh ja, ja, kein Problem. Wir müssen so ziemlich das Design System erstellen.
Also lass uns damit anfangen. Lass uns einen neuen Ordner erstellen.
Nennen wir ihn Atome, Moleküle und Organismen. Das erste, was wir tun müssen, ist diese Eingabe zu importieren. Ich glaube, es gibt eine mit der React Native UI Bibliothek. Und dann exportieren wir die Standardfunktionseingabe. Warte, ich kopiere einfach schnell ein paar Sachen. Es gibt hier eine Menge Dokumentationen dazu.
Ich lese sie mir gerade durch. Ich denke, so sieht es im Moment aus.
Und wenn wir die Farbe in Primär oder Text Primär ändern, sollten wir es sehen können, oder? Moment, nennen wir es Text Sekundär. Wir können es irgendwie sehen.
Alles klar, Alles klar, alles klar. Oh, es macht genau das, was wir wollen.
Jedenfalls siehst du das. Der Platzhalter ist wie das, was ich hier erstellen wollte. Du siehst, wie er den Platzhalter hier haben wollte und wenn er aktiv ist, geht er nach oben. So siehst du das. Das ist die Art von Effekt, die er wollte. Ich wollte es also irgendwie Es macht das schon für uns.
Schauen wir es uns noch einmal an.
Der Titel ist da der Platzhalter und wenn ich klicke, geht er nach oben. OK, ich weiß nicht, was für ein Effekt das ist, aber das sind die Dinge, die wir irgendwie tun müssen.
Fehler aktivieren. Das brauche ich jetzt nicht. Das brauche ich nicht.
Das nennt man eine Art Floating Platzhalter. Und dann können wir diese Zeile entfernen, indem wir die Hintergrundfarbe weiß setzen. Z Index möchte es über alles legen, so in etwa. Und dann müssen wir nur noch diese Chip Elemente erstellen.
Wir müssen also im Grunde diese kleinen Lego Steine erstellen, die wir später zusammenbauen.
Können, wie auch die SVGs und so. Wir werden sie verwenden, indem wir keine Symbole mehr verwenden. Moment, mal sehen, was hier los ist. Nur Objekte mit statisch bekannten Membern lassen sich per Schnittstelle erweitern.
Wir verwenden SVGs jetzt so, dass wir.
Einen SVG Ordner haben und ich habe hier das deaktivierte und dann habe ich ein Ich werde alle Symbole, die wir verwenden, hier einfügen.
Ich denke, es ist eine ziemlich einfache Möglichkeit, sie zu verwenden und Animationen sind sehr ähnlich.
Du fügst die Animation einfach zu diesem Ordner oder dieser Datei hinzu und hast dann Zugriff darauf. Diese Komponente sollte das alles steuern. Du importierst also einfach die Asset Animation und gibst dann einfach die Asset Animationsquelle ein. Dann siehst du, dass TypeScript uns dabei hilft, Größe ist gleich Groß zu setzen.
Und jetzt kannst du diese Animation auch.
Hier haben, was ziemlich cool ist. Ich bekomme ein paar Bildfehler. Oh, auf iOS. Ja, auf iOS. Oh, kann ich dir da mal kurz weiterhelfen? Gerne. Lass mich mal deinen Bildschirm teilen. Ja, aber die React Native UI Bibliothek ist wirklich gut. Ich finde sie gut.
Sie ist viel besser als das React Native Element. Dein Code ist viel einfacher zu sehen. Ja, jetzt ist er da. Okay, du hast gesagt, dass mir wahrscheinlich die Firebase Schlüssel fehlen.
Ja. Kannst du bitte kurz zu deinem Terminal gehen und Zeile 12. Ja.
Kannst du versuchen, die Überschrift in Body zu ändern?
Siehst du, wie du die Requisiten und so weiter in der UI Bibliothek übergibst?
Das ist echt cool.
Du legst sie einfach in der Foundation ab und hast dann überall Zugriff darauf, wo du diese Komponente verwendest. Es ist also ziemlich einfach.
Ich denke immer, es ist eine große.
Sache, wie ich bereits erwähnt habe. Aber all diese Dinge sind bereits integriert, wie die UI Bibliothek und all diese Dinge. Du musst nur verstehen, wie man sie verwendet. Und wenn du es einmal verstanden hast, geht das Programmieren sehr schnell. Du musst mir also beibringen, wie man diese UI Bibliothek verwendet. Und ich denke, wir werden die Benutzeroberfläche sehr schnell fertigstellen können. Ich lade kurz etwas Code hoch. Moment, guter Status hochladen. Daran habe ich gerade noch gearbeitet. Ich spiele nur ein wenig herum. Ich versuche nur das Designsystem fertigzustellen und wenn wir das erledigt haben, können wir diese Lego Teile für alle anderen Bildschirme zusammenbauen. OK, Song Ist es okay, wenn du Android reparierst?
Denn ich möchte wirklich, dass du an.
Dem React Native Teil arbeitest, weil du.
Da meiner Meinung nach heutzutage viel Erfahrung hast.
Discord ihr geht und A Song. Warte einfach bis sowas wie Lass uns coden. Ich glaube, ich habe morgen Zeit. OK, Wäre es für dich morgen früh? Ja, oder vielleicht sogar heute Abend? Vielleicht coate ich heute Abend Was auch immer ich denke wenn du früh morgens aufwachst, hm und dann mach mit.
Lass uns einfach weiter versuchen React Native fertigzustellen. Ich weiß es nicht. Ich weiß ehrlich gesagt nicht wo das.
Problem liegt, weil du alles installiert hast. Es scheint als gäbe es ein kleines Pfadproblem. OK, ich habe das Gefühl, dass das Design jetzt fertig ist und wir müssen nur noch anstatt zu versuchen dieses Zeug hier unten zu bauen, anstatt zu versuchen das als etwas zu betrachten, diese kleinen Blöcke zuerst bauen, um es einfacher zu machen, die größeren Dinge zu bauen. Also ja, ich werde versuchen etwas davon herauszuarbeiten und ja, ich melde mich beim nächsten Mal wieder bei euch, okay? OK Punkt, OK Punkt.
Bis später.
Bis dann Leute. Tschüss. Tschüss. OK, heute nicht viel, aber ich wollte die Leute nur wissen lassen, dass wir bald anfangen. Ja, ich muss meine Xbox weglegen und jeden Abend anfangen zu coden. Macht mich zur Verantwortung. Los geht's.
More from Phil

day in the life of a software engineer | 5 hour productivity | building my dev agency 🔥

day in the life of a software engineer | 3 hour productivity | coding my 6-figure community startup

day in the life of a software engineer | 5 hour productivity | coding our sns startup app LFG

day in the life of a software engineer | 5 hour productivity | creating apps that makes big money






