CaféExpress

CaféExpress es una tienda en línea moderna y eficiente para la venta de café y productos relacionados, desarrollada con las tecnologías más avanzadas del mercado.

🚀 Características Principales

• 🛍️ Catálogo interactivo de productos con imágenes y detalles
• 🛒 Sistema de carrito de compras con animaciones suaves
• 💳 Proceso de pedido intuitivo y seguro
• 📱 Diseño responsive para móviles y escritorio

🛠️ Tecnologías Utilizadas

• Frontend: SvelteKit 5 (última versión)
• Backend: Supabase (Base de datos y autenticación)
• UI/UX: Bootstrap 5 y Bootstrap Icons
• Animaciones: Transiciones de Svelte
• Estilos: CSS personalizado y variables CSS
• API: Integración con Supabase

📦 Requisitos Previos

• Node.js (versión 18 o superior)
• NPM o Yarn
• Cuenta en Supabase (para la base de datos)

🚀 Instalación

1. Clona el repositorio:

   git clone https://github.com/urian121/CafeExpress-with-sveltekit-supabase.git
   

2. Instala las dependencias:

   npm install
   

3. Configura las variables de entorno: Copia el archivo .env.example a .env y completa las variables:

   cp .env.example .env
   

4. Inicia el servidor de desarrollo:

   npm run dev
   

5. Accede a la aplicación en http://localhost:5173

📝 Configuración de Supabase

1. Crea un proyecto en Supabase
2. Configura las siguientes tablas:
   • tbl_products: Para almacenar productos
   • tbl_cart_items: Para el carrito de compras
3. Actualiza las credenciales en el archivo .env:

   VITE_SUPABASE_URL=tu-url-de-supabase
   VITE_SUPABASE_KEY=tu-key-de-supabase
   

🙌 Cómo puedes apoyar 📢:

✨ Comparte este proyecto con otros desarrolladores para que puedan beneficiarse 📢.

☕ Invítame un café o una cerveza 🍺:

• Paypal ([email protected]).

⚡ ¡No olvides SUSCRIBIRTE a la Comunidad WebDeveloper!

⭐ Déjanos una estrella en GitHub:

• Dicen que trae buena suerte 🍀.

Gracias por tu apoyo 🤓.