I am Suso!!

• 🌱 I am a coder FF5 of bootcamp full stack web developer.
• 👩🏻‍💻 I have a background of 15 years as Marketing.

📫 Connect with me:

• xesussuarez@gmail.com

• 

• https://www.behance.net/susosuarez

Languages and Tools:

Languages and Tools 🛠️

Full Stack Web Development

UX|UI / Agile Methodologies / Graphic Design

• Figma | Design Thinking | Miro | Notion
• Scrum | Trello | Jira
• Suite Adobe | Microsoft Office | Manage Social Media

Clon Cards - Testimonios de freeCodeCamp

Una aplicación web moderna construida con React y Vite que muestra testimonios de estudiantes sobre su experiencia en freeCodeCamp. Presenta un diseño limpio con componentes reutilizables que exhiben perfiles de profesionales de la tecnología.

🚀 Características

• Componentes React reutilizables: Componente Testimonio flexible que acepta múltiples propiedades
• Vite como bundler: Build rápido y optimizado con Hot Module Replacement (HMR)
• ESLint integrado: Mantiene la calidad del código con linting automático
• Diseño responsivo: Estilos CSS modernos y bien organizados
• Estructura modular: Separación clara de componentes, estilos y assets

📋 Requisitos previos

• Node.js >= 14.x
• npm o yarn

🛠️ Instalación

1. Clona el repositorio:

git clone https://github.com/Suso777/clon-cards.git
cd clon-cards

2. Instala las dependencias:

npm install

📦 Scripts disponibles

• npm run dev: Inicia el servidor de desarrollo (http://localhost:5173)
• npm run build: Construye la aplicación para producción
• npm run preview: Previsualiza la build de producción localmente
• npm run lint: Ejecuta ESLint para verificar la calidad del código

🏗️ Estructura del proyecto

src/
├── components/
│   └── Testimonio.jsx       # Componente reutilizable de testimonios
├── styles/
│   └── Testimonio.css       # Estilos del componente
├── assets/
│   └── img/                 # Imágenes de los testimonios
├── App.jsx                  # Componente principal
├── App.css                  # Estilos globales
├── main.jsx                 # Punto de entrada
└── index.css                # Estilos globales del índice

🎯 Componentes principales

Testimonio.jsx

Componente que muestra la tarjeta de un testimonio individual. Recibe las siguientes props:

Prop	Tipo	Descripción
nombre	string	Nombre de la persona
pais	string	País de procedencia
imagen	string	Nombre del archivo de imagen
cargo	string	Puesto de trabajo actual
empresa	string	Empresa donde trabaja
testimonio	string	Texto del testimonio

🎨 Tecnologías utilizadas

• React 19.2.0 - Librería de UI
• Vite 7.2.4 - Build tool y dev server
• SWC - Compilador JavaScript rápido (plugin-react-swc)
• ESLint - Linter de código
• CSS3 - Estilos

💡 Cómo usar

1. Edita src/App.jsx para agregar o modificar testimonios
2. Personaliza src/styles/Testimonio.css para ajustar el diseño
3. Agrega nuevas imágenes a src/assets/img/

🔗 Recursos útiles

• Documentación de React
• Documentación de Vite
• freeCodeCamp

📝 Licencia

Este proyecto es de código abierto y está disponible bajo la licencia MIT.

---

Autor: Suso777
Creado: 2026

Expanding the ESLint configuration

If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the TS template for information on how to integrate TypeScript and typescript-eslint in your project.

clon-cards