DEV Community

Cover image for 🛒Shopping list to make shopping faster - AnQuickMerca
Nicolas A. R.
Nicolas A. R.

Posted on

🛒Shopping list to make shopping faster - AnQuickMerca

DEV Weekend Challenge: Community

The Community

I don't know if my community exists, but if it doesn't, it wouldn't be bad to create one; it's simply about going shopping.

What I Built

What I created (or what I tried to create 😅) is a shopping list app, but with a key difference compared to other apps: it optimizes your route within the supermarket. The idea is to shop more quickly and efficiently, avoiding that feeling of wandering around thirty times to pick up three things… or worse, arriving at a new supermarket and getting lost in the aisles looking for a loaf of bread or even a stocker, who's always there… until you need them and they mysteriously disappear 🫥.

The app is based on a very popular supermarket in Spain (Mercadona), mainly because of its physical layout, data availability, and because it's the one I frequent most (hehe). Even so, the approach can easily be applied to any other store.

And this is where the community comes in: it would be responsible for updating locations, notifying users of stock shortages, or other details that a company normally can't (or doesn't want to) share. It's true that I still need to polish this part a bit (hehe), but the idea is clear.

Remember that this is a demo; therefore, some data may not be 100% accurate, and it's not yet available to end users. But if it's successful, and the community supports it, we could develop it further and implement it for real-world use. 🙂

Demo

Idea

Code

GitHub logo nicolasalarconrapela / AnQuickMerca

Un gestor de compras en supermercado fisico

AnQuickMerca Logo

AnQuickMerca

Optimize your shopping in seconds

License PWA

loading welcome lista gazpacho navegacion

🌐 https://anquickmerca-frontend.onrender.com

What is AnQuickMerca?

AnQuickMerca is a Progressive Web App (PWA) built to optimize your Mercadona shopping in real time. Create smart shopping lists, get an efficient in-store route, and search products with AI assistance.

Key Features

  • 🛒 Shopping lists — Create, edit, and organize multiple lists
  • 🗺️ In-store navigation — Optimized aisle routes to reduce time and backtracking
  • 🔍 AI-assisted search — Find products using Google Gemini assistance
  • 🌍 Store picker — Interactive Spain map with Mercadona locations
  • 📱 Installable PWA — Works offline and feels like a native app on mobile
  • 🌐 Bilingual UI — Full interface in Spanish and English
  • 🔁 Recurring lists — Schedule daily, weekly, monthly, or yearly shopping
  • 💰 Estimated total — Real-time cost estimate as you build your list

Tech Stack


















Technology Purpose
React 19 + TypeScript Frontend framework
Vite 6 Build tool & dev server





How I Built It

It is a Vite and Typescript project with persistence in localstorage

Top comments (1)

Collapse
 
anappwilos profile image
AnAppWiLos Compañia

Toooppp