Este proyecto es una página web de E-Commerce construida con React pero migrada a NEXT.js y utiliza tres diferentes hooks:
La aplicación consume una API para poder integrar imagenes y sus respectivos datos como el precio y una descripcion .
Con React Router DOM y sus funciones "Hash Router y Routes" permitio unir diferentes componentes, contenedores y paginas en una misma APP
-
axios: Librería para realizar peticiones HTTP a una API.
-
react: Biblioteca de JavaScript utilizada para construir interfaces de usuario.
-
react-dom: Biblioteca de JavaScript utilizada para manipular el árbol de elementos del DOM en una aplicación React.
-
react-router-dom: Biblioteca de JavaScript utilizada para la navegación entre páginas en una aplicación React.
-
eslint (v8.35.0): ESLint es una herramienta de linting para JavaScript y JSX. Ayuda a mantener un código consistente y libre de errores potenciales.
-
eslint-config-next (^13.2.3): Configuración específica de ESLint para proyectos Next.js. Proporciona reglas predefinidas para asegurar buenas prácticas en el desarrollo con Next.js.
-
eslint-config-prettier (^8.7.0): Conjunto de configuraciones que hacen posible la integración de ESLint con Prettier, asegurando un formato coherente y agradable para el código.
-
eslint-plugin-jsx-a11y (^6.7.1): Plugin de ESLint que proporciona reglas para mejorar la accesibilidad de las aplicaciones React que utilizan JSX.
-
eslint-plugin-prettier (^4.2.1): Plugin para ESLint que ejecuta Prettier como una regla de ESLint. Asegura que el código cumpla con las reglas de formato definidas por Prettier.
-
next (v13.2.3): Next.js es un marco de trabajo React que facilita la creación de aplicaciones web escalables y de alto rendimiento.
-
next-pwa (^5.6.0): Plugin para Next.js que simplifica la creación de aplicaciones web progresivas (PWA), mejorando la experiencia del usuario con funcionalidades como el servicio fuera de línea y la instalación en el hogar.
-
prettier (^2.8.4): Prettier es una herramienta de formateo de código que ayuda a mantener un estilo consistente en todo el proyecto.
-
sass (^1.58.3): Sass es un preprocesador CSS que facilita la escritura y el mantenimiento de estilos complejos en aplicaciones web.
-
sharp (^0.31.3): Sharp es un módulo de Node.js que proporciona funcionalidades de procesamiento de imágenes de alta velocidad y eficiencia.
-
useState: Hook utilizado para gestionar el estado de la aplicación y permitir la actualización del DOM en función de los cambios en dicho estado.
-
useEffect: Hook utilizado para realizar operaciones secundarias, como la recuperación de datos de una API, y actualizar el estado de la aplicación en consecuencia.
-
useContext: Hook utilizado para acceder a datos globales almacenados en un contexto compartido por todos los componentes de la aplicación.
- Clona el repositorio en tu máquina local.
- Instala las dependencias con npm.
- Ejecuta la aplicación con npm run dev/start.
- Accede a la aplicación en http://localhost:3000/.
Este proyecto fue desarrollado por [Isaac Luisjuan] en [Tue Apr 2 20:47:14 2023].