Skip to content

PotOfCode/personal-porfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Miguel Pérez | Portafolio Profesional

React Tailwind CSS React Router JavaScript

¡Hola! Soy Miguel Pérez, un apasionado desarrollador web con formación en Ingeniería de Sistemas. Este es mi portafolio personal donde muestro mis proyectos y habilidades en desarrollo web.

🚀 Características Principales

  • Diseño Moderno: Interfaz limpia y atractiva con un esquema de colores profesional.
  • Navegación Dinámica: Sistema de rutas con React Router para una experiencia de usuario fluida.
  • Formularios Interactivos: Implementación de formularios con React Hook Form para una validación eficiente.
  • Diseño Responsive: Totalmente adaptable a diferentes tamaños de pantalla gracias a Tailwind CSS.
  • Sección de Proyectos: Muestra mis trabajos más recientes con descripciones detalladas.

🛠️ Tecnologías Utilizadas

  • Frontend:
    • React 19.2.0
    • React Router DOM 7.9.5
    • React Hook Form 7.65.0
    • Tailwind CSS 3.4.18
    • HTML5 & CSS3
    • JavaScript (ES6+)

🎨 Estructura del Proyecto

src/
├── assets/
│   ├── icons/       # Iconos SVG
│   └── img/         # Imágenes y recursos visuales
├── pages/           # Componentes de página
├── App.jsx          # Componente principal
└── index.js         # Punto de entrada de la aplicación

🚀 Cómo Ejecutar el Proyecto

Sigue estos pasos para ejecutar el proyecto en tu máquina local:

  1. Clona el repositorio:

    git clone https://github.com/PotOfCode/personal-porfolio.git
    cd personal-porfolio
  2. Instala las dependencias:

    npm install
  3. Inicia el servidor de desarrollo:

    npm start
  4. Abre http://localhost:3000 en tu navegador.

📦 Scripts Disponibles

  • npm start: Inicia la aplicación en modo desarrollo.
  • npm run build: Construye la aplicación para producción en la carpeta build.
  • npm test: Ejecuta las pruebas automatizadas.
  • npm run eject: Expone la configuración de webpack (usar con precaución).

🌐 Despliegue

El proyecto está configurado para ser desplegado en Vercel:

Vercel

🤝 Contribuciones

Las contribuciones son bienvenidas. Siéntete libre de abrir un issue o enviar un pull request.

📬 Contacto

Gmail GitHub LinkedIn


Releases

No releases published

Packages

 
 
 

Contributors