https://github.com/marcoarielprtlnv/portafolio-web-react
Portafolio personal desarrollado con React y Vite, diseñado para presentar mis habilidades, experiencia y proyectos de forma profesional. La aplicación cuenta con un diseño moderno, responsivo y optimizado para ofrecer una experiencia de usuario fluida en diferentes dispositivos.
https://github.com/marcoarielprtlnv/portafolio-web-react
bootstrap css3 framer-motion javascript reacticons reactjs
Last synced: 3 months ago
JSON representation
Portafolio personal desarrollado con React y Vite, diseñado para presentar mis habilidades, experiencia y proyectos de forma profesional. La aplicación cuenta con un diseño moderno, responsivo y optimizado para ofrecer una experiencia de usuario fluida en diferentes dispositivos.
- Host: GitHub
- URL: https://github.com/marcoarielprtlnv/portafolio-web-react
- Owner: MarcoArielPrtlnV
- Created: 2025-01-22T08:26:29.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-11T08:14:33.000Z (over 1 year ago)
- Last Synced: 2025-03-28T14:13:22.751Z (over 1 year ago)
- Topics: bootstrap, css3, framer-motion, javascript, reacticons, reactjs
- Language: JavaScript
- Homepage: https://portafolio-web-mv-developer-eight.vercel.app/
- Size: 11.4 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Portafolio Personal en React
Este proyecto es un portafolio personal desarrollado con **React** y **Vite**, diseñado para presentar mis habilidades, experiencia y proyectos de forma profesional. La aplicación cuenta con un diseño moderno, responsivo y optimizado para ofrecer una experiencia de usuario fluida en diferentes dispositivos.
## Tecnologías Utilizadas
- **React**: Biblioteca principal para la creación de interfaces de usuario.
- **Vite**: Herramienta de construcción rápida y ligera.
- **Bootstrap**: Framework CSS para diseño responsivo y componentes estilizados.
- **React-Bootstrap**: Versión de componentes de Bootstrap adaptados para React.
- **React Icons**: Biblioteca para incluir íconos dinámicos.
- **CSS Personalizado**: Estilos adicionales para personalizar el diseño.
## Secciones del Portafolio
### 1. **Header**
- Barra de navegación fija y responsiva.
- Logo centrado dinámicamente.
- Menú de hamburguesa que se cierra automáticamente al seleccionar una sección.
### 2. **Home / Presentación**
- Introducción breve sobre mí.
- Imagen de presentación con diseño responsivo.
- Botones con íconos para acceder a mis perfiles de LinkedIn, GitHub e Instagram.
### 3. **About / Sobre Mí**
- Texto que describe mi experiencia y habilidades.
- Sección de "Habilidades" con íconos de tecnologías (HTML, CSS, JavaScript, React y Vite).
- Subsección de "Formación" con imágenes y texto que detalla mi trayectoria educativa.
### 4. **Portafolio**
- Listado dinámico de proyectos cargados desde un archivo JSON.
- Cada proyecto incluye:
- Imagen representativa.
- Descripción breve.
- Botones para ver la página del proyecto y su repositorio en GitHub (con íconos en lugar de texto).
- Sección de "Tecnologías aplicadas" con íconos correspondientes.
### 5. **Footer**
- Íconos de redes sociales para GitHub, LinkedIn e Instagram.
- Modo oscuro integrado con un botón flotante en la esquina inferior izquierda.
## Funcionalidades Adicionales
- **Efectos Interactivos**:
- Efecto de acercamiento en las tarjetas de proyectos al pasar el mouse.
- Transiciones suaves entre los temas.
- **Diseño Responsivo**:
- Optimizado para dispositivos móviles, tablets y desktop.
- Ajuste dinámico de contenido como imagen de presentación y menú de navegación.