CXperiment:

---

CXperiment -FRONTEND-

👨‍💻 Dependencias

• Node 16.19.0
• React : 18.2.0:
• Vite 4.3.2
• react-dom: 18.2.0
• react-router-dom: 6.12.1.
• uuid: 9.0.0
• uuid: 9.0.0
• swiper: 9.4.1
• tailwindcss: 3.3.2
• react-scroll: 1.8.9,
• scrollreveal: 4.0.9,
• react-icons: 4.9.0
• standard: 17.1.0
• postcss: 8.4.23
• react-helmet-async: 1.3.0
• react-toastify: 9.1.3

🚀 Características

• Landing page responsive
• Banner principal y presentación
• Cards animadas e interactivas para la sección de ayuda
• Cards genéricas personalizadas para brindar información general de cada servicio
• Banner con información personal e imagen del cliente, presentación personal
• Sección de contactos con información personal y enlaces de teléfono, correo electrónico y redes sociales.
• Formulario de contactos:
  • Uso de AJAX y API FormSubmit con fetch y asincronía para implementar el formulario de contacto y permitir el envío de consultas por correo.

📦 Instalación

• Clonamos el repo

╭─pescado at rabioso in ~/
╰─± git clone https://github.com/Katalba/cxperiment.git

• Accedemos al Cliente:

╭─pescado at rabioso in ~/
╰─± cd cxperiment

• Instalamos las dependencias necesarias:

╭─pescado at rabioso in ~/Virtual_Wallet_MERN/client
╰─± npm install

• Iniciamos la Applicación web

╭─pescado at rabioso in ~/Virtual_Wallet_MERN/client
╰─± npm run dev

---

😘 Demo Vite + React + Serve

🌐 Deploy Netlify

📷 Capturas de Pantalla

🥰 Vistazo sección CustomCards

🥰 Vistazo sección Servicios

🥰 Responsive Contacto y CustomCards

💻🎨 Integrantes del Front-end

Guillermo Neculqueo	Katherine Cantillo

🎨🌈 Integrante de UX/UI

Victoria Salatino	Nadia Chayna	Quintin Rodríguez

🌍📣 Integrante Comunity Manager

ux 1	ux 2

🛠️💼 Integrante Product Manager

Dana Nañez

---

CXperiment - UI/UX -

🎨 Maqueta Prototipo Inicial

🎨 Maqueta Prototipo Final

Mockup

Testing

Se realizaron un conjunto de pruebas manuales funcionales a la app web CXperiment. se comprobó el correcto funcionamiento del formulario de contactos y luego se testeó el seo con la herramienta de google META SEO.