Proyecto Comercio Electrónico

Este proyecto de comercio electrónico es una aplicación web desarrollada utilizando React, Vite.js y Tailwind CSS. Durante el desarrollo de esta aplicación, se han adquirido y aplicado una serie de habilidades clave en el desarrollo web moderno. La aplicación permite a los usuarios explorar una amplia gama de productos. Los usuarios pueden añadir productos al carrito de compras, filtrar productos según sus preferencias y realizar pedidos de manera eficiente.Esta aplicacion uso el Api de FakeStore

Características principales:

• Carrito de compras dinámico: Los usuarios pueden añadir y eliminar productos del carrito de compras.
• Filtrado de productos: Se proporciona una funcionalidad de filtrado para ayudar a los usuarios a encontrar rápidamente los productos deseados según categorías, precios o criterios específicos.
• Gestión de órdenes: Los usuarios pueden crear y gestionar sus órdenes, lo que les permite realizar un seguimiento de sus compras.
• Contexto de React: Se utiliza el contexto de React para gestionar el estado de la aplicación y compartir datos importantes, como la información del carrito de compras, de manera eficiente entre los componentes.

Tecnologías utilizadas:

• React: Se emplea como el framework principal para la construcción de la interfaz de usuario dinámica y reactiva.
• Vite.js: Se utiliza como el bundler para el desarrollo rápido y eficiente de la aplicación, proporcionando una experiencia de desarrollo optimizada.
• Tailwind CSS: Se utiliza para el diseño y estilización de la interfaz de usuario, permitiendo un desarrollo rápido y altamente personalizable.
• JavaScript (ES6+): Se emplea JavaScript moderno para escribir código limpio, modular y eficiente.
• HTML y CSS: Se utilizan para la estructura y el estilo de la aplicación, respectivamente.

Habilidades aprendidas durante el desarrollo:

• Desarrollo de aplicaciones React: Aprendizaje y aplicación de conceptos avanzados de React, incluyendo el uso de componentes, hooks, routing y gestión de estado.
• Uso de Vite.js: Experiencia en el uso de Vite.js como un bundler de desarrollo rápido para aplicaciones web modernas.
• Estilización con Tailwind CSS: Dominio de la estilización eficiente de la interfaz de usuario utilizando Tailwind CSS, una herramienta de diseño utilitario.
• Trabajo con Contexto de React: Aplicación práctica del contexto de React para la gestión global del estado de la aplicación y la compartición de datos entre componentes de manera eficiente.

Instalación y ejecución:

1. Clona este repositorio en tu máquina local.
2. Navega hasta el directorio del proyecto.
3. Ejecuta npm install para instalar las dependencias.
4. Ejecuta npm start para iniciar la aplicación en modo de desarrollo.
5. Abre http://localhost:3000 en tu navegador para ver la aplicación.

¡Explora nuestra amplia selección de productos y disfruta de una experiencia de compra sin problemas!