Onlineshop

Ein nahezu vollständiger Onlineshop mit Warenkorb-Funktionalität.

Onlineshop Screenshot

Das Projekt im Detail

Dieses Projekt habe ich als kleine einarbeitung in React.js, Tailwind CSS und Django verwendet. Ziel dabei war es möglichst viel über die Verwendeten Funktionen zu lernen.

Verwendete Technologien

Frontend

  • React
  • Vite
  • Tailwind CSS v3

Backend

  • Python 3.13
  • Django
  • Django REST Framework (DRF)
  • JSON Web Tokens (JWT)
  • SQLite (Entwicklung)
  • CORS

Architektur

  • RESTful API

Kernfunktionen

Warenkorb System

Vollständig funktionierender Warenkorb mit der Möglichkeit Produkte hinzuzufügen, zu entfernen und die Menge anzupassen. Der Warenkorb bleibt auch nach dem Neuladen der Seite erhalten.

Authentifizierung

Sicheres Login-System für Administratoren mit JWT Token-basierter Authentifizierung. Geschützte Routen für administrative Funktionen.

Produkt Management

Umfassendes CRUD-System für Produkte und Kategorien. Administratoren können Produkte hinzufügen, bearbeiten und entfernen über eine intuitive Oberfläche.

Datenbank Integration

Robuste SQLite-Datenbank zur Verwaltung von Produkten, Kategorien und Benutzerkonten. RESTful API für nahtlose Frontend-Backend-Kommunikation.

Herausforderungen & Lernen

Die grösste Herausforderung war die Integration von React mit Django, da ich das ganze aber auch zum erstel Mal gemacht habe hatte ich auch noch kleinere Probleme beim Front sowie Backend.

Da von anfang an klar war, das mein Projekt insgesamt Funktionsfähig sein sollte, bin ich sehr zufrieden mit meiner Arbeit da ich einiges Lernen und probieren konnte um mich mit den Technologien verwandt zu machen.

Das Projekt bat mir eine super Möglichkeit um mich mit den Technologien vertraut zu machen und ich habe viel über sie gelernt. Zudem war es nun seit längerem wieder ein Projekt welches ich von anfang an komplett durchgeplant habe und dann auch so umgesetzt habe. Das hat mir sehr viel geholfen um die Übersicht zu behalten.

Code ansehen

Der Quellcode für dieses Projekt ist auf GitHub verfügbar.

GitHub Repository - Backend GitHub Repository - Frontend
Zurück zur Projektübersicht