Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/michelanyelo/guitarla

Construyendo una tienda de guitarras en Vue a partir de una página estática de HTML
https://github.com/michelanyelo/guitarla

bootstrap composition-api css3 emits-events hooks html5 props-and-state-components vue3

Last synced: about 1 month ago
JSON representation

Construyendo una tienda de guitarras en Vue a partir de una página estática de HTML

Host: GitHub
URL: https://github.com/michelanyelo/guitarla
Owner: michelanyelo
Created: 2024-09-16T20:49:42.000Z (4 months ago)
Default Branch: main
Last Pushed: 2024-09-16T21:18:50.000Z (4 months ago)
Last Synced: 2024-10-13T15:42:58.132Z (3 months ago)
Topics: bootstrap, composition-api, css3, emits-events, hooks, html5, props-and-state-components, vue3
Language: CSS
Homepage: https://michelanyelo-guitarla.netlify.app/
Size: 1.09 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # 👋 Bienvenida/o a la tienda GuitarLA!

## 📝 Descripción

Este proyecto es parte del curso "Vue.js 3 - La Guía Completa - Composition Pinia MEVN 10 Apps" de Udemy. El objetivo fue convertir un sitio estático de HTML y CSS a una tienda frontend reactiva para aprender los principales conceptos de VUE como lo fueron State, Emit, Watchers, localStorage y Single File Components.

## 🌐 Tecnologías Utilizadas

[![HTML5](https://img.shields.io/badge/HTML5-E34F26.svg?logo=html5&logoColor=white)](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5)

[![CSS3](https://img.shields.io/badge/CSS3-1572B6.svg?logo=css3&logoColor=white)](https://developer.mozilla.org/en-US/docs/Web/CSS)

[![Bootstrap](https://img.shields.io/badge/Bootstrap-5.3-brightgreen.svg?logo=bootstrap&logoColor=white)](https://getbootstrap.com/docs/5.3/)

[![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E.svg?logo=javascript&logoColor=black)](https://developer.mozilla.org/en-US/docs/Web/JavaScript)

[![Vue.js](https://img.shields.io/badge/Vue.js-4FC08D.svg?logo=vue.js&logoColor=white)](https://vuejs.org/)

## ▶️ DEMO

[Sitio Web](https://michelanyelo-guitarla.netlify.app/) 

![image](https://github.com/user-attachments/assets/fbc2a8d1-7957-430d-aaf9-3bfff7abb8e8)

## 🛠️ Instalación

Para ejecutar este proyecto localmente, sigue estos pasos:

1. Clona el repositorio:

   ```bash

   git clone https://github.com/michelanyelo/GuitarLA.git

   ```

2. Navega al directorio del proyecto:

   ```bash

   cd GuitarLA

   ```

3. Instala las dependencias:

   ```bash

   npm i

   ```

4. Compila y Ejecuta:

   ```bash

   npm run dev

   ```

5. Abre el proyecto en tu IDE preferido.

## 🤝 Contribución

Si deseas contribuir al proyecto, sigue estos pasos:

1. Haz un fork del repositorio.

2. Crea una nueva rama para tu funcionalidad (`git checkout -b nueva-funcionalidad`).

3. Realiza tus cambios y haz commit (`git commit -m 'Añadir nueva funcionalidad'`).

4. Envía tus cambios (`git push origin nueva-funcionalidad`).

5. Abre un Pull Request.

## ✍️ Autor

- **Miguel Ángel Monzón Martínez**

  - Github: [@michelanyelo](https://github.com/michelanyelo)

  - LinkedIn: [miguelmonzon-inf](https://linkedin.com/in/miguelmonzon-inf)

- **CodigoConJuan - Responsable del diseño gráfico y visual del proyecto**

  

¡Apóyame con tu ⭐️ si este proyecto te fue de ayuda!

## 🧾 Licencia

Este proyecto está bajo la licencia MIT. Consulta el archivo [LICENSE](https://github.com/michelanyelo/GuitarLA/blob/main/LICENSE) para más detalles.