Realtime Shopping List

Now, my shopping list items are synchronized between all users. 🛒✨

This will greatly speed up your shopping as a pair, as each person can search for items on the list without fear of buying the same thing as the other!

🤔 But how does it work? Requests to the back-end are generally initiated by the front-end, but what about when the back needs to communicate to the front, for example, that an item has been created or removed?

🔄 This is possible with WebSockets, making each connected device receive instant updates about database changes.

🚀 Whether adding, removing or editing an item from the shopping list, all users will see the changes in real time, without having to update the page/app.

🔧 Tech Stack: React.js, Next.js, Mantine, PostgreSQL, Supabase and Framer Motion.