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.
✅ 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 🖱️
- ⚛️ 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
Antes de comenzar, asegúrate de tener instalado:
- Node.js >= 16
- NPM o Yarn
Sigue estos pasos para instalar y ejecutar el proyecto en tu entorno local:
- Clona este repositorio:
git clone https://github.com/stefaniarosales/landingpageHP.git
- Accede a la carpeta del proyecto:
cd landingpageHP - Instala las dependencias:
npm install
- Ejecuta el proyecto:
npm start
¡Las contribuciones son bienvenidas! Si deseas colaborar, sigue estos pasos:
- Haz un fork del repositorio
- Crea una rama nueva (git checkout -b feature/nueva-funcionalidad)
- Realiza tus cambios y confírmalos (git commit -m "Descripción del cambio")
- Sube los cambios (git push origin feature/nueva-funcionalidad)
- Abre un Pull Request
Stefania Rosales