Schoppy is a shopping list, I created for my family and afterwards adapted to access a larger target group. The App is created in SvelteKit with Supabase as backend. The category icons are really helpful, and you can sort them in the settings to adapt to your grocery store.
Features
- Login and Signup with email and password
- Add Products with title, quantity and category (fruits, vegetables, milk, ...)
- Input Suggestions
- Delete, check and edit Products
- Change product category
- Change product category sort order
- Export the list via the navigator.share API
- Support for multiple languages including English, German, Spanish, France, Chinese and Arabic.
- Settings
Difficulties
Creating a component to sort the categories and make it accessable to touch was very hard to implement.
However after an intense search, I found a component called svelte-dragdroplist which made the job a lot easier.
In general the category system brought me a lot of headache. But it was worth the effort, because it is bringing an enourmous time saving to the users in the grocery stores.
The translation wasn't easy either. The translation code was quickly done. But the translation process with six languages isn't near to quick. The most fundamental problem according the translation was that I often added new features to the app, which I then needed to translate again.