FilmoTK

FilmoTK

Im Projekt „FilmoTK“ habe ich Technologien wie JavaScript, HTML, CSS, Bootstrap und Express eingesetzt. Das Hauptziel bestand darin, eine Anwendung mit nativen Webtechnologien zu entwickeln, um mein Verständnis für die Webentwicklung ohne Frameworks zu vertiefen.

Dazu implementierte ich eine responsive Benutzeroberfläche mit Bootstrap, entwickelte die Anwendungslogik mit JavaScript, strukturierte den Inhalt mit HTML und CSS und nutzte Express, um den Server zu erstellen und die Kommunikation zwischen Klient und Anwendung zu verwalten.

Projektbeschreibung

„FilmoTK“ ist eine Anwendung zur Verwaltung von Filmen, mit der Benutzer Datensätze suchen, erstellen, bearbeiten und löschen sowie große Datenmengen durchsuchen und filtern können. Das Projekt wurde entwickelt, um die Integration zwischen einer Webanwendung und einer nicht-relationalen Datenbank (MongoDB) zu erlernen und vollständige CRUD-Operationen mit einer einfachen und intuitiven Benutzererfahrung umzusetzen.

Hauptfunktionen

• Vollständige Filmverwaltung (CRUD): Benutzer können neue Filme hinzufügen, bestehende Informationen bearbeiten, Datensätze löschen und den aktualisierten Katalog in Echtzeit anzeigen.

• Suche und Datenfilterung: Ich implementierte ein Suchsystem, mit dem Filme schnell gefunden und Ergebnisse bei großen Datenmengen effizient gefiltert werden können.

• MongoDB-Integration: Das System verbindet sich mit einer nicht-relationalen Datenbank, um Filminformationen über von Express verwaltete Anfragen zu speichern und abzurufen.

Verwendete Technologien und Werkzeuge

• JavaScript: Eingesetzt zur Entwicklung der Anwendungslogik und der Benutzerinteraktionen.
• HTML und CSS: Verwendet zur Strukturierung und Gestaltung der Benutzeroberfläche.
• Bootstrap: Ausgewählt, um eine moderne, responsive und konsistente Benutzeroberfläche zu erstellen.
• Express: Eingesetzt zum Aufbau des Servers sowie zur Verwaltung von Routen und HTTP-Anfragen.
• MongoDB: Nicht-relationale Datenbank zur flexiblen und skalierbaren Speicherung von Filminformationen.

Herausforderungen und Lernerfahrungen

Während der Entwicklung dieses Projekts konnte ich meine Kenntnisse in folgenden Bereichen erweitern und vertiefen:

• Grundlegende Architektur von Fullstack-Anwendungen.
• Implementierung von CRUD-Operationen.
• Integration von Frontend und Backend.
• Datenverwaltung mit MongoDB.
• Responsives Design mit Bootstrap.
• Organisation von Routen und Verarbeitung von HTTP-Anfragen mit Express.
• Best Practices in JavaScript und DOM-Manipulation.

Spezialisierung

• Frontend-Entwicklung
• Backend-Entwicklung
• Fullstack-Entwicklung
• Datenbankintegration
• Responsives Design