🧙‍♂️ Landing page HP

Landing page HP es landing page diseñada para los fanáticos del mundo mágico de Harry Potter. La app permite explorar productos, agregarlos al carrito y realizar compras con una experiencia fluida e intuitiva.

🖼️ Capturas de pantalla

🚀 Características

✅ Navegación fluida con React Router DOM 🔗
✅ Gestión eficiente del estado con Redux Toolkit ⚡
✅ Estilos personalizados con Styled-components 🎨
✅ Filtrado de los productos según la categoría seleccionada 🖱️

🛠️ Tecnologías utilizadas

• ⚛️ React – Desarrollo de la interfaz de usuario
• 🛣️ React Router DOM – Manejo de rutas
• 🛒 Redux & Redux Toolkit – Gestión del estado
• 🎨 Styled-components – Estilización dinámica
• 🌐 HTML & CSS – Estructura y diseño
• 🗂 Git – Control de versiones

📌 Requisitos previos

Antes de comenzar, asegúrate de tener instalado:

• Node.js >= 16
• NPM o Yarn

⚙️ Instalación

Sigue estos pasos para instalar y ejecutar el proyecto en tu entorno local:

1. Clona este repositorio:

   git clone https://github.com/stefaniarosales/landingpageHP.git
   

2. Accede a la carpeta del proyecto:

   cd landingpageHP
   

3. Instala las dependencias:

    npm install
   

4. Ejecuta el proyecto:

   npm start
   

🤝 Contribuciones

¡Las contribuciones son bienvenidas! Si deseas colaborar, sigue estos pasos:

1. Haz un fork del repositorio
2. Crea una rama nueva (git checkout -b feature/nueva-funcionalidad)
3. Realiza tus cambios y confírmalos (git commit -m "Descripción del cambio")
4. Sube los cambios (git push origin feature/nueva-funcionalidad)
5. Abre un Pull Request

👩‍💻 Autor

Stefania Rosales

• GitHub
• Portafolio