Webanwendung

Ich habe eine Webseite entwickelt, auf der sich Fahrräder nach verschiedenen Kriterien filtern lassen. Die Daten kommen aus einer MySQL-Datenbank und werden mit PHP, JSON und AJAX direkt auf der Seite geladen und aktualisiert.

Die Anwendung soll es Nutzern ermöglichen, Fahrräder übersichtlich zu durchsuchen und nach Kriterien wie Preis, Farbe, Größe, Gewicht oder Fahrradtyp zu filtern.

Die Webseite besteht aus einem Layout mit Header, Filterbereich, Hauptinhalt und Footer. Die Fahrraddaten werden in einer MySQL-Datenbank gespeichert und über PHP abgefragt. Anschließend werden die Daten als JSON an das Frontend übergeben und mit JavaScript, jQuery und AJAX dynamisch dargestellt. Dadurch können die Filter aktualisiert werden, ohne dass die gesamte Seite neu geladen werden muss.

Bei diesem Projekt ging es darum, eine Anwendung mit einem klar definierten Frontend und Backend zu erstellen.

Tools: HTML, CSS, JavaScript, jQuery, AJAX, PHP, JSON, MySQL, XAMPP

Der Quellcode sowie die Dokumentation sind unter folgendem Link verfügbar:
https://github.com/repos?q=owner%3A%40me

Andere Projekte

Topografische Karte

QGIS, Canva

Topografische Karte

QGIS, Canva

Topografische Karte

QGIS, Canva

3D-Animation

Blender

3D-Animation

Blender

3D-Animation

Blender

3D-Modellierung

Blender

3D-Modellierung

Blender

3D-Modellierung

Blender

Work image

Experimenteller Kurzfilm

Sony Alpha 6600, DaVinci Resolve

Work image

Experimenteller Kurzfilm

Sony Alpha 6600, DaVinci Resolve

Work image

Experimenteller Kurzfilm

Sony Alpha 6600, DaVinci Resolve

Kurzdokumentarfilm

Sony Alpha 6600, DaVinci Resolve

Kurzdokumentarfilm

Sony Alpha 6600, DaVinci Resolve

Kurzdokumentarfilm

Sony Alpha 6600, DaVinci Resolve

Hangneigungsvisualisierung

QGIS, Canva

Hangneigungsvisualisierung

QGIS, Canva

Hangneigungsvisualisierung

QGIS, Canva

Vokabeltrainer

UI-Design

Vokabeltrainer

UI-Design

Vokabeltrainer

UI-Design

Geologische Oberflächenmodelle

QGIS, Blender

Geologische Oberflächenmodelle

QGIS, Blender

Geologische Oberflächenmodelle

QGIS, Blender

Work image

Game Jam 2026

Godot, Krita

Work image

Game Jam 2026

Godot, Krita

Work image

Game Jam 2026

Godot, Krita

Visualisierung von Windströmungen

RStudio, Canva

Visualisierung von Windströmungen

RStudio, Canva

Visualisierung von Windströmungen

RStudio, Canva

Überflutungskartierung

QGIS

Überflutungskartierung

QGIS

Überflutungskartierung

QGIS

Strommix & CO₂-Emissionen in Deutschland

Nuxt, Vue, TypeScript, D3.js, Bun

Strommix & CO₂-Emissionen in Deutschland

Nuxt, Vue, TypeScript, D3.js, Bun

Strommix & CO₂-Emissionen in Deutschland

Nuxt, Vue, TypeScript, D3.js, Bun

Playdate-Puzzlespiel

Game Design, Lua

Playdate-Puzzlespiel

Game Design, Lua

Playdate-Puzzlespiel

Game Design, Lua

Lernanwendung

PHP, JavaScript, MySQL, Git, GitHub Copilot, WSL2

Lernanwendung

PHP, JavaScript, MySQL, Git, GitHub Copilot, WSL2

Lernanwendung

PHP, JavaScript, MySQL, Git, GitHub Copilot, WSL2