🌿 NaturalHub

NaturalHub es un marketplace especializado en productos naturales, ecológicos y sostenibles. La plataforma permite a los usuarios explorar, filtrar y comprar productos de diversas categorías, como cuidado personal, cosmética natural y más. Cada producto ha sido seleccionado por su calidad, origen natural y compromiso con la sostenibilidad.

🚀 Tecnologías Utilizadas

Frontend: React + Vite

Estilos: CSS y Tailwind CSS

Backend: JSON Server

Despliegue:

Frontend: Netlify

Backend: Render

Gestión de Estado: React Hooks

Enrutamiento: React Router

✨ Características Principales

🛍️ Gestión de Productos

Filtrado de Productos: Los usuarios pueden filtrar productos por categoría.

Carrito de Compras: Funcionalidad completa para añadir, eliminar y actualizar productos en el carrito.

Diseño Responsive: La interfaz se adapta a dispositivos móviles, tablets y desktop.

Notificaciones: Uso de react-toastify para notificaciones visuales.

Estado Global: Uso de Context API para manejar el estado del carrito y otros datos compartidos.

Gestión completa de productos (CRUD)

🛒 Carrito de Compras

Añadir/modificar y eliminar productos

Control de cantidad

Notificaciones toast

👥 Vistas de Usuario y Administración

Vista de usuario: Experiencia optimizada para la compra y navegación

Vista de administración: Gestión de productos y pedidos (CRUD)

Acceso a admin: Botón de acceso ubicado discretamente en el footer

💻 Interfaz de Usuario

Diseño responsive

Animaciones y transiciones

👤 Autora

Desarrollado con ❤️ por Patricia

🔗 Enlaces

🌐 Web en Producción (Netlify)

https://naturalhub.netlify.app/

📂 Repositorio Backend (Render)

https://proyect-2-backend.onrender.com/

💻 Repositorio en GitHub

https://github.com/patriciagrgt/proyect-2-frontend https://github.com/patriciagrgt/proyect-2-backend

¡Gracias por visitar NaturalHub! 🌿