Software-Ingenieur@MagicAPI
Nach meinem plötzlichen Abschied vom vorherigen Unternehmen durchlief ich eine schwierige Phase. Einer meiner vertrauenswürdigsten Mentoren empfahl mich API.market, und ich könnte nicht dankbarer sein. Die Empfehlung führte mich zu einem Team, das ich wirklich bewundere. Die Arbeit, Kultur und Menschen hier waren unglaublich motivierend und erfüllend. Ich hatte viel Verantwortung für die Plattform. Dinge wie Umsatz, Datenbanken usw. wurden transparent geteilt.
Meine Arbeit
Ich habe an vielen Aufgaben gearbeitet, aber um einige der großen Änderungen zu nennen, zu denen ich beigetragen habe:
Code-Aufräumen
Nach meiner Einarbeitung war meine erste Aufgabe, den Code mit Best Practices aufzuräumen. Der Mitgründer erwähnte das:
Warum ist es so wichtig, guten Code zu haben und warum konzentrieren wir uns so sehr auf Code-Qualität? Es beeinflusst direkt unseren Umsatz, unsere Operationen und wo wir unsere Zeit verbringen. Ich kann nicht genug betonen, dass unser Code funktioniert und gut funktioniert. Wir sind ein kleines Team, das über 3 Millionen API-Aufrufe handhabt, wir hosten und betreiben über 40+ APIs und Modelle intern. Wie können wir das überhaupt machen? 'Hoher Standard-Code'. Alle unsere APIs werden von einer Vielzahl von Benutzern für alle Arten von Use-Cases weltweit verwendet. Unser Code sollte einfach funktionieren, alle Fehler handhaben, Edge-Cases und andere Dinge. Wir trainieren unsere Benutzer, 'Exzellenz' zu erwarten, sie sollten unserem Code, unseren KI-Modellen, unseren Systemen vertrauen. Vertrauen ist einer der größten Treiber für Umsatz. Wenn wir das Vertrauen unserer Kunden gewinnen, werden sie uns mit ihrem Geld und ihrer Loyalität belohnen. Das ist unser großer Differenzierer. Am Anfang ist es etwas ärgerlich, so viele Kommentare, Fixes usw. zu sehen. Aber mit der Zeit gewöhnt man sich daran, hochwertigen, sauberen Code zu schreiben. Ich empfehle dringend, das Buch 'Clean Code' zu lesen.
Also habe ich viele Linting-Fehler und Code-Formatierungen mit eslint und prettier behoben. Next.js-Typescript-spezifische Regeln hinzugefügt, um strengere Regeln anzuwenden.
Responsivität für die Plattform über verschiedene Geräte
Die mobile UI war nicht das Wichtigste, was uns interessierte, da unsere Kunden Geschäftsleute an Desktops waren, aber sie musste behoben werden. Also habe ich die UI für Mobile behoben und optimiert. Dinge wie doppelte Nav-Menüs, ich musste die Komponenten überprüfen und beheben.
Neugestaltung des Seller-Dashboards für besseres Managen von APIs
Diese Neugestaltung konzentrierte sich hauptsächlich darauf, die Benutzbarkeit des Seller-Dashboards zu verbessern, das von API.market für Verkäufer unterstützt wird, um APIs und ihre Einnahmen zu managen und zu visualisieren. In dieser Arbeit habe ich das Design des Dashboards mit shadcn-ui verbessert und die Responsivität optimiert.
Wallet-System hinzugefügt, damit Benutzer Gelder hinzufügen und speichern können
Das wurde mit zukünftigen Dingen im Sinn gemacht, wie Wallets, die genutzt werden, um Credits für Benutzer zu speichern, und wir planten, welche hinzuzufügen. Also im alten Weg der Transaktionen auf API.market mussten Benutzer ihre Karten hinzufügen und die als Standard markierte Karte wurde für eine Transaktion verwendet. Aber nach der Einführung dieses Wallet-Systems können Benutzer Geld über Karten hinzufügen oder wir fügen Credits in ihr Konto hinzu (zukünftig zu implementieren) und sie in jeder Transaktion auf der API.market-Plattform nutzen, wie das:
Hinzufügen von Gutscheinen für Benutzer, um Credits im Wallet einzulösen
Während unseres Produktlaunches hatten wir geplant, 100 Gutscheine im Wert von je 5 $ an alle Produktionsleute zu geben, die auf unsere Website kamen. Zusätzlich wollten wir bei einem Hackathon auf unserem Campus Gutscheine für Teilnehmer bereitstellen. Mit diesen Anforderungen im Sinn haben wir ein umfassendes Gutschein-System entwickelt, bei dem Benutzer öffentliche Gutscheine einlösen konnten und das Geld in ihr Wallet gutgeschrieben wurde, das sie dann auf der Plattform nutzen konnten.
Neues Hero-Bereich-Design
Ich habe den Hero-Bereich der API.market-Website neu gestaltet, um die Benutzerbindung zu verbessern und eine klarere Informationshierarchie zu bieten. Das neue Design featured verbesserten visuellen Fluss, bessere Platzierung von Call-to-Actions und intuitivere Navigationselemente.