Tienda-Online-con-Astro-Fetch-API-Carrito-de-Compras Tailwind Templates

Tienda Online Con Astro Fetch Api Carrito De Compras

E-commerce frontend desarrollado con Astro, utilizando una API pública para obtener productos y Zustand para la gestión del carrito de compras. Implementa un diseño responsive con Tailwind CSS

# Tienda Online con Astro, Fetch API y Carrito de Compras

Descripción

Este es un proyecto de frontend para un e-commerce desarrollado con Astro, que utiliza una API pública para obtener productos y Zustand para la gestión del carrito de compras. El diseño es completamente responsive gracias a Tailwind CSS.

Características

  • ✅ Consumo de API utilizando fetch().
  • ✅ Carrito de compras funcional implementado con Zustand.
  • ✅ Diseño moderno y responsive creado con Tailwind CSS.

Requisitos Previos

  • Node.js (versión 16 o superior)
  • npm o yarn

Instalación

  1. Clona este repositorio:
    git clone https://github.com/tu-usuario/Tienda-Online-con-Astro-Fetch-API-Carrito-de-Compras.git
    
  2. Navega al directorio del proyecto:
    cd Tienda-Online-con-Astro-Fetch-API-Carrito-de-Compras
    
  3. Instala las dependencias:
    npm install
    

Uso

  1. Inicia el servidor de desarrollo:
    npm run dev
    
  2. Abre tu navegador en http://localhost:4321 para ver la aplicación.

Tecnologías Utilizadas

  • Astro: Framework para construir sitios web rápidos.
  • Fetch API: Para consumir datos de una API pública.
  • Zustand: Gestión de estado para el carrito de compras.
  • Tailwind CSS: Framework de diseño para estilos modernos y responsive.

Contribuciones

¡Las contribuciones son bienvenidas! Si deseas contribuir, por favor abre un issue o envía un pull request.

Top categories

Loading Svelte Themes