Skip to content

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.

Notifications You must be signed in to change notification settings

stefaniarosales/pottermania

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

48 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🧙‍♂️ 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

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published