Pottermania es una aplicación web 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 ⚡
✅ Carrito de compras optimizado con Redux Persist 🛒
✅ Formularios robustos y validados con Formik y Yup 📋
✅ Estilos personalizados con Styled-components 🎨
✅ Alertas interactivas con SweetAlert
- ⚛️ React – Desarrollo de la interfaz de usuario
- 🛣️ React Router DOM – Manejo de rutas
- 🛒 Redux & Redux Toolkit – Gestión del estado
- 💾 Redux Persist – Persistencia del carrito y datos del usuario
- 🎨 Styled-components – Estilización dinámica
- 📋 Formik & Yup – Creación y validación de formularios
⚠️ SweetAlert – Alertas interactivas- 🌐 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/pottermania.git
- Accede a la carpeta del proyecto:
cd pottermania
- 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