Bienvenido a Shuffle Store, Esta prueba técnica se realizó con el fin de recrear el sitio web de la tienda aleatoria, no tiene fines de lucro y este repositorio no sufrirá cambios futuros ya que solo fue creado para esta prueba.
/simulator
├── /config
│ ├── settings_schema.json # Defines configurable settings for sections
│ ├── settings_data.json # Stores dynamic data for rendering sections
├── /data
│ ├── products.json # Sample product data
│ ├── collections.json # Sample collection data
├── /public
│ ├── styles.css # Compiled CSS file
│ ├── main.js # Compiled JavaScript file
├── /sections
│ ├── featured-products.liquid # Main section rendering product lists
├── /snippets
│ ├── product-card.liquid # Reusable snippet for individual product cards
├── /templates
│ ├── index.liquid # Main template file
├── /src
│ ├── styles.scss # Base SASS file
│ ├── app.js # Base JavaScript logic
├── /assets # Images for products, banners, and collections
├── package.json
├── webpack.config.js
├── server.js
El esquema define las configuraciones disponibles para una sección.
Este archivo contiene los valores dinámicos para las configuraciones.
npm installnpm startnpm run buildTodas las imágenes de productos, banners y colecciones se almacenan en la carpeta /assets. Consulta los archivos data/products.json y data/collections.json para los mapeos.
Visita http://localhost:3000 en tu navegador para ver el simulador en acción.
Siéntete libre de personalizar el simulador aún más para que se ajuste a tus requisitos. ¡Feliz codificación! 🚀
Para más información sobre Liquid, consulta la documentación oficial de Liquid.