BlogbeitragProjektvorstellung: Wörterbuch App (selbst gecodet mit React und API-Anbindung)

von | Apr. 23, 2025

Heute möchte ich euch ein weiteres Projekt vorstellen: die Erstellung einer Wörterbuch-App, die echte Ergebnisse liefert, sobald man etwas in die Suche eingibt.

Das Ziel dieses Projekts bestand darin, eine interaktive Wörterbuch-App zu entwickeln, die auf echte Daten zurückgreift. Hierfür habe ich HTML, CSS, Javascript, Bootstrap und React verwendet. Durch die Anbindung an eine API werden bei Eingabe in das Suchfeld entsprechende Ergebnisse generiert.

Zu Beginn des Projekts hatte ich ein leeres Projekt in Visual Studio Code und folgte der Anleitung von shecodes. Mit Visual Studio Code als Entwicklungsumgebung habe ich die App programmiert und anschließend auf Netlify gehostet. Der gesamte Code ist als Open Source auf Github verfügbar.

Während des Projekts gab es verschiedene Herausforderungen zu meistern. Das Erstellen von HTML und CSS gestaltete sich relativ unkompliziert im Vergleich zur Anbindung an die API und der Implementierung dynamischer Inhalte mit React.

Durch dieses Projekt habe ich viel gelernt, insbesondere im Bereich des richtigen Programmierens. Es hat sich gezeigt, dass ich ein logischer Mensch bin und die strukturierte Vorgehensweise beim Programmieren sehr schätze. Dabei genieße ich es, Probleme zu identifizieren und nach Lösungen zu suchen. Genau diese Herangehensweise liebe ich auch beim Webdesign.

Die erstellte Wörterbuch-App ist ein Erfolg und erfüllt ihren Zweck, echte Ergebnisse bei der Suche zu liefern. Ich bin stolz auf das Ergebnis und darauf, meine Fähigkeiten im Bereich der Webentwicklung weiter ausgebaut zu haben.

Falls auch du Unterstützung bei ähnlichen Projekten benötigst, stehe ich gerne zur Verfügung. Melde dich einfach für ein kostenloses Erstgespräch, in dem wir über deine Anforderungen und Bedürfnisse sprechen können.

Schau dir das Projekt gerne genauer auf der Projektseite an: Projekt: Wörterbuch App

(Hinweis: Die Darstellung in den Mockups könnte von der echten Darstellung auf der Website abweichen.)

Wörterbuch App SheCodes

Wenn du ebenfalls Unterstützung benötigst, schreib mir gern. Gemeinsam können wir über dein Projekt sprechen.

Diskutiere mit!Kommentare

0 Kommentare

Einen Kommentar abschicken

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

ähnliche BeiträgeVielleicht interessiert dich auch das?

Dark Theme ist mehr ist als nur ein Trend

Dark Theme ist mehr ist als nur ein Trend

Warum ein Dark Theme mehr ist als nur ein Trend Dark Themes sind längst mehr als nur eine optische Spielerei. Sie stehen für modernes Design, das die Augen schont und ein hochwertiges Nutzererlebnis bietet. Außerdem sind sie spätestens mit der Diskussion um die...

Projektvorstellung: Übungsprojekte HTML + CSS

Projektvorstellung: Übungsprojekte HTML + CSS

In diesem Blogartikel stelle ich euch selbst gecodete Übungsseiten mit HTML und CSS vor.  Das Projektziel bestand darin, verschiedene "statische" Seiten ausschließlich mit HTML und CSS zu erstellen. Der Fokus lag hier nicht auf einem super durchdachten Design oder...

Wenn du ebenfalls Unterstützung benötigst, schreib mir gern. Gemeinsam können wir über dein Projekt sprechen.

suche blog foto von josy schreier

Suche

Hier gibt es Beiträge zu Webdesign, Website Management und digitalen Services. Außerdem schreibe ich auch gern über die Selbstständigkeit als Freelancerin und Virtuelle Assistentin und nützliche Tools.

Dein Thema nicht dabei? Schreib mir gern, ich verfasse sicher gern einen Artikel darüber.

ueber-mich-blog-bottom foto von josy schreier

Hi, ich bin Katja

Schön, dass du da bist! Ich unterstütze Selbstständige und Unternehmer*innen bei allen Themen rund um Technik & Design. Ich liebe außerdem Fitness, Abenteuer, Vanlife, Reisen und Erdnussbutter.
noch-fragen-blog-bottom foto von josy schreier

Noch Fragen?

WordPress Cookie Hinweis von Real Cookie Banner