Products Landing Page con React (Consumiendo un JSON local)

Este proyecto es una página de aterrizaje de productos construida con React. Muestra una colección de productos obtenidos de un archivo JSON local.

Características

• Listado de productos: La página de aterrizaje muestra una lista de productos con sus nombres, descripciones y precios.
• Diseño Responsivo: La página está diseñada para ser responsiva, garantizando una experiencia fluida en diferentes dispositivos.
• Filtros: Los usuarios pueden filtrar los productos según diferentes criterios, como categoría o rango de precios.
• Datos en JSON local: La información de los productos se almacena en un archivo JSON local y se obtiene en tiempo de ejecución para poblar la página.

Tecnologías utilizadas

• React: Utilizado para construir la interfaz de usuario y gestionar el estado de la aplicación.
• JavaScript: Implementa la lógica para obtener y mostrar la información de los productos.
• HTML: Renderiza la estructura de los componentes de React en el navegador.
• CSS: Aplica estilos y diseño para crear una atractiva página de aterrizaje.

Instrucciones de instalación

1. Clona este repositorio en tu máquina local:
   git clone https://github.com/Martin-00789/Products-Landing-Page
2. Instala las dependencias del proyecto:
   cd Products-Landing-Page npm install
3. Inicia la aplicación:
   npm start
4. Abre la aplicación en tu navegador web en la dirección http://localhost:3000.

Uso

1. Abre la página de aterrizaje en tu navegador web.
2. Explora la lista de productos que se muestra en la página principal.
3. Utiliza las opciones de filtrado para reducir los productos mostrados por categoría o rango de precios.
4. Haz clic en un producto para ver más detalles sobre él.

Contribución

¡Siéntete libre de contribuir a este proyecto! Puedes abrir un "issue" para informar de errores o sugerir mejoras. También puedes enviar "pull requests" para añadir nuevas características o solucionar problemas existentes.

Autor

Martin Fabian Elias