What it isQué es
A product catalog for the Colombian clothing brand Arcur. Two apps: a customer-facing storefront and a hidden admin with a full CRUD to manage products, prices and offers.Un catálogo de productos para la marca de ropa colombiana Arcur. Dos aplicaciones: una vista de tienda para el cliente y un panel de administración oculto con un CRUD completo para gestionar productos, precios y ofertas.
My partMi participación
Built entirely by me, with no AI help. It honestly asks for a big redesign — but it works and it is all handcrafted.Hecho por completo por mí, sin ayuda de IA. Sinceramente pide una gran reestructuración de diseño — pero funciona y está todo hecho a mano.
The challengeEl reto
The interesting bet was refusing every framework and still needing a real admin. So I wrote my own tiny "component engine": plain functions that render forms and CRUD tables wired straight to Firestore. It is raw and dated by today's standards, but it taught me from the ground up what a framework quietly does for you.La apuesta interesante fue rechazar todo framework y aun así necesitar un administrador de verdad. Así que escribí mi propio "motor de componentes": funciones planas que renderizan formularios y tablas CRUD conectadas directo a Firestore. Es crudo y anticuado para los estándares de hoy, pero me enseñó desde cero lo que un framework hace por ti en silencio.
Tech behind itTecnologías detrás
- Vanilla JS (ES Modules) Two apps, no framework.Dos apps, sin framework.
- Firebase Firestore + Storage Products, offers and images.Productos, ofertas e imágenes.
- Home-made CRUD engine DOM builders for forms and tables.Constructores de DOM para formularios y tablas.
HighlightsLo más llamativo
Storefront + offersTienda + ofertas
The customer catalog with category navigation and discount badges. It is the part that most needs a visual overhaul — and a good "before" to any "after".El catálogo del cliente con navegación por categorías y etiquetas de descuento. Es la parte que más necesita una renovación visual — y un buen "antes" para cualquier "después".