Mael Dubach
The idea
The idea for shopsmartly.ch came to me during a trial day. There, I realized how digital solutions can make everyday life easier. My mother had often asked me whether shopping lists could be made "smarter" – that inspired me.
I wanted to build a website that automatically sorted articles, made suggestions, and was easy to use. The idea fit perfectly with my interest in technology. Today, my mother uses the site herself—which shows me that it's truly useful.
Bugs & Features
A helpful feature is localStorage, which ensures that articles are retained when reloading – simple but effective.
Dragging and dropping to reorder articles was more complex. Integrating this with the save function was tricky, but it works well now.
One bug was that deleted articles would reappear after reloading. The issue was local storage, and I was able to fix it after some testing.
Deployment
A relative helped me publish my website. He showed me how to upload a self-programmed page to a server and make it publicly accessible. I learned a lot about server hosting in the process.
He also helped me register my own domain and link it correctly. This made the site look more professional, and I understood how domains work behind the scenes. This experience showed me that there's more to web development than just programming.
Step 1
Enter a supermarket item, such as "Apple," in the "Add Item" field. Then click "Add." A category containing the entered item will open.
Step 2
Chatgpt's suggestions will appear below the category. Click on one to add it to your shopping list. If you've added multiple items to the same category, double-tap the "📋" icon to see them all.
Step 1
Enter a supermarket item, such as "Apple," in the "Add Item" field. Then click "Add." A category containing the entered item will open.
Step 3
You can also move categories around by dragging the category title. To mark an article as completed, click the green check mark. To remove the article entirely, click the red cross.
Step 2
Chatgpt's suggestions will appear below the category. Click on one to add it to your shopping list. If you've added multiple items to the same category, double-tap the "📋" icon to see them all.
Step 3
You can also move the categories around by dragging the category title. If you want to mark items as completed, click on the green tick. If you want to remove the item completely, click on the red cross.