🧙‍♂️ Pottermania

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.

🖼️ Capturas de pantalla

🚀 Características

✅ 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 ⚠️

🛠️ Tecnologías utilizadas

• ⚛️ 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

📌 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/pottermania.git
   

2. Accede a la carpeta del proyecto:

   cd pottermania
   

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