Tabla de Contenidos

• Tabla de Contenidos
  • Descripción
  • Agradecimientos
  • Instalación
  • usos
  • tecnologias utilizadas
  • Licencia

Descripción

Este proyecto consiste en una aplicación web que permite a los usuarios navegar y visualizar productos. Los datos de los productos son obtenidos dinámicamente a través de una API externa, lo que permite mantener la información actualizada y relevante. La interfaz ha sido diseñada para ser responsiva, garantizando una buena experiencia de usuario en dispositivos móviles y de escritorio.

Agradecimientos

Quiero expresar mi más sincero agradecimiento a la Agencia del Futuro - Talento Tech, especialmente al profesor Carlos y a Cristian, por su invaluable apoyo y orientación durante el desarrollo de mi proyecto. Su experiencia y dedicación han sido fundamentales para guiarme en este proceso.

Gracias a su compromiso, he podido avanzar con confianza y claridad, lo que ha resultado en un trabajo de calidad. Estoy muy agradecido por su tiempo, esfuerzo y por compartir su conocimiento conmigo.

Espero seguir colaborando en el futuro y alcanzar juntos nuevos logros.

¡Muchas gracias!

Instalación

Para instalar y ejecutar el proyecto, sigue estos pasos:

1. Clonar el repositorio: git clone https://github.com/Klauno/Proyectofinal-ClaudiaOliverio-talentotech.git
2. Navegar al directorio del proyecto: cd Proyectofinal-ClaudiaOliverio-talentotech
3. Abrir el archivo HTML en un navegador: Puedes abrir el archivo index.html directamente en tu navegador o utilizar un servidor local para una mejor experiencia.

usos

La aplicación permite a los usuarios:

1. Visualizar productos disponibles.
2. Filtrar productos por categoría.
3. Agregar productos al carrito de compras.
4. Realizar búsquedas específicas.

tecnologias utilizadas

1. HTML: Para estructurar el contenido de la página.
2. CSS: Para dar estilo y hacer la interfaz responsiva.
3. Visual Studio Code (VSC): Editor de código utilizado para el desarrollo.
4. JavaScript: Integración de una API para obtener datos y renderizar productos en el DOM, además de funcionalidades para un carrito de compras usando localStorage.
5. Bootstrap: Framework CSS utilizado para facilitar el diseño responsivo y atractivo.
6. Git/GitHub: Para control de versiones y gestión del código fuente.

Licencia

2024 copyright