Die Idee

Die Idee zu shopsmartly.ch kam mir während eines Schnuppertags. Dort wurde mir bewusst, wie digitale Lösungen den Alltag erleichtern können. Meine Mutter hatte mich schon öfter gefragt, ob man Einkaufslisten nicht „intelligenter“ machen kann – das hat mich inspiriert.

Ich wollte eine Website bauen, die Artikel automatisch sortiert, Vorschläge macht und einfach zu bedienen ist. Die Idee passte perfekt zu meinem Interesse an Technik. Heute nutzt meine Mutter die Seite selbst – das zeigt mir, dass sie wirklich nützlich ist.

Bugs & Features

Ein hilfreiches Feature ist localStorage, damit Artikel beim Neuladen erhalten bleiben – einfach, aber effektiv.

Aufwendiger war das Drag & Drop zum Umsortieren der Artikel. Das richtig mit der Speicherung zu verbinden, war knifflig, funktioniert jetzt aber gut.

Ein Bug war, dass gelöschte Artikel nach dem Neuladen wieder da waren. Der Fehler lag am localStorage, ich konnte ihn nach einigen Tests beheben.

Deployment

Beim Veröffentlichen meiner Website hat mir ein Verwandter geholfen. Er zeigte mir, wie man eine selbst programmierte Seite auf einem Server hochlädt und öffentlich zugänglich macht. Dabei habe ich viel über Hosting von Servern gelernt.

Er half mir auch, eine eigene Domain zu registrieren und richtig zu verknüpfen. So wirkt die Seite professioneller, und ich habe verstanden, wie Domains im Hintergrund funktionieren. Diese Erfahrung hat mir gezeigt, dass zur Webentwicklung noch weitere Teile gehören, nicht nur programmieren.

1. Schritt

Gebe in das Feld "Artikel hinzufügen" einen Artikel aus dem Supermarkt ein, zB "Apfel". Drücke dann auf "Hinzufügen". Es öffnet sich eine Kategorie mit dem eingegebenen Artikel.

2. Schritt

Unter der Kategorie erscheinen Vorschläge von Chatgpt, klicke auf einen um den Artikel zur Einkaufsliste hinzuzufügen. Wenn du mehrere Artikel der gleichen Kategorie hinzugefügt hast, drücke zwei mal auf das "📋" Symbol um alle zu sehen.