Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/darioalbor/ecommerce-vue-astro
E-commerce Frontend with Vue.js & Astro 🚀 - Discover, filter, and purchase products effortlessly with our modern online store! 🛒
https://github.com/darioalbor/ecommerce-vue-astro
astro ecommerce frontend javascript store tailwindcss typescript vuejs
Last synced: 1 day ago
JSON representation
E-commerce Frontend with Vue.js & Astro 🚀 - Discover, filter, and purchase products effortlessly with our modern online store! 🛒
- Host: GitHub
- URL: https://github.com/darioalbor/ecommerce-vue-astro
- Owner: DarioAlbor
- Created: 2024-07-26T04:13:59.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-07-26T04:26:13.000Z (4 months ago)
- Last Synced: 2024-07-26T05:33:57.128Z (4 months ago)
- Topics: astro, ecommerce, frontend, javascript, store, tailwindcss, typescript, vuejs
- Language: Vue
- Homepage: https://ecommerceastrovue.vercel.app
- Size: 608 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🛒 E-commerce Vue.js & Astro 🚀
[Español](README.md) / [Inglés](README_EN.md)
## 📖 Sobre el proyecto
Este proyecto es una **Tienda Online** donde puedes buscar productos, filtrarlos por categorÃas, agregar productos al carrito y proceder con la compra. La aplicación proporciona una experiencia de usuario fluida y eficiente, utilizando tecnologÃas modernas en el frontend. ¡Espero que disfrutes usando esta tienda tanto como yo disfruté creándola!
## 📋 Funcionalidades
- **Buscar Productos:** Los usuarios pueden buscar productos por nombre o categorÃa.
- **Filtrar Productos:** Los productos se pueden filtrar por categorÃas.
- **Agregar al Carrito:** Los usuarios pueden agregar productos al carrito de compras.
- **Visualización del Carrito:** Visualiza el contenido del carrito y la cantidad de productos.
- **Compra:** Procede con la compra de los productos seleccionados.## 💻 TecnologÃas usadas
- **Frontend:** Vue.js & Astro
- **Gestor de paquetes:** Yarn
- **Estilos:** Tailwind CSS## 🚀 ¿Cómo deployarlo?
### Clonar el repositorio
1. Clona el repositorio desde GitHub: `git clone https://github.com/DarioAlbor/ecommerce-vue-astro.git`
2. Navega al directorio del proyecto: `cd ecommerce-vue-astro`### Configurar y arrancar el cliente
3. Instala las dependencias: `yarn`
4. Inicia el cliente: `yarn serve`¡Disfruta!
## 📬 Contacto
Puedes contactarme mediante mi [portafolio](https://darioalbor.dev.ar).
También puedes contribuir al proyecto sumando nuevas ideas o lÃneas de código. ¡Toda ayuda es bienvenida!
## 📸 Imágenes
| ![Inicio](./imagesgit/home.png) | ![Filtrado](./imagesgit/filter.png) |
|:---------------------------------:|:----------------------------------------:|
| Inicio | Filtrado || ![Busqueda del producto](./imagesgit/search.png) | ![Carrito](./imagesgit/cart.png) |
|:---------------------------------------------------------:|:---------------------------------:|
| Busqueda del producto | Carrito |