Bienvenido a mi portafolio personal, este proyecto está diseñado para mostrar mis habilidades como desarrollador full stack, mis proyectos más destacados y mi trayectoria académica. Aquí podrás conocer más sobre mí y cómo utilizo tecnologías modernas para construir aplicaciones web eficientes y escalables.
- Frontend: React, HTML, Tailwind CSS, TypeScript
- Herramientas: Git, Vite
- Internacionalización: i18n para soportar múltiples idiomas (inglés y español)
Este portafolio tiene como objetivo destacar mis habilidades técnicas y proyectos, además de proporcionar un espacio para que los reclutadores puedan conocer mi trabajo de primera mano. El proyecto incluye:
- Modo claro/oscuro: Para mejorar la experiencia de usuario.
- Internacionalización (i18n): Capacidad de cambiar entre inglés y español.
- Carrusel interactivo: Muestra de las tecnologías que domino, con íconos dinámicos que representan mis habilidades técnicas.
- Responsive Design: Adaptable a diferentes tamaños de pantalla.
- React: Para la creación de la interfaz interactiva del portafolio.
- Tailwind CSS: Para un diseño moderno y responsivo con utilidades CSS.
- i18n: Soporte multilenguaje (inglés y español) para una mayor accesibilidad.
- Vite: Para un entorno de desarrollo rápido y eficiente.
- React Icons: Íconos visuales de las tecnologías que utilizo.
- Intercambio de idioma: Cambia el idioma entre inglés y español en cualquier momento con el botón correspondiente.
- Modo claro/oscuro: Alterna entre modos claro y oscuro para una mejor experiencia visual.
- Carrusel de Tecnologías: Explora las tecnologías que utilizo mediante un carrusel animado con íconos representativos de mis habilidades.
Este proyecto está diseñado para ser fácilmente desplegable en plataformas como Vercel o Netlify. Solo debes conectar un repositorio y el despliegue automático se encargará de la configuración.
Actualmente se encuentra en el servidor Apache del Departamento de Ciencias de la Computación en https://users.dcc.uchile.cl/~fragonza/
Si deseas explorar el proyecto localmente, sigue estos pasos:
-
Clona el repositorio:
git clone https://github.com/fgonzalezurriola/Portfolio-React-Vite
-
Ve a la carpeta del proyecto:
cd Portfolio-React-Vite -
Instala las dependencias:
npm install
-
Inicia el servidor de desarrollo:
npm run dev
El proyecto estará disponible en tu navegador en http://localhost:5173.
.
├── public # Archivos estáticos
├── src # Código fuente del proyecto
│ ├── components # Componentes reutilizables
│ ├── locales # Archivos de traducción (i18n)
│ ├── App.tsx # Componente principal de la aplicación
│ └── index.tsx # Punto de entrada de la aplicación
├── index.html # Archivo principal HTML
└── tailwind.config.js # Configuración de Tailwind CSSSi estás interesado en saber más sobre mí o mis proyectos, no dudes en contactarme:
- Email: [email protected]
- LinkedIn: fgonzalezurriola
- Telegram: @fgonzalezurriola
- Portafolio: https://users.dcc.uchile.cl/~fragonza/
Gracias por visitar mi portafolio. Recuerda que puedes descargar mi CV en él. ¡Espero tener la oportunidad de colaborar contigo!
Welcome to my personal portfolio. This project is designed to showcase my skills as a full stack developer, highlight my most notable projects, and present my academic background. Here, you can learn more about me and how I use modern technologies to build efficient and scalable web applications.
- Frontend: React, HTML, Tailwind CSS, TypeScript
- Tools: Git, Vite
- Internationalization: i18n for supporting multiple languages (English and Spanish)
This portfolio aims to highlight my technical skills and projects while providing a space for recruiters to see my work firsthand. The project includes:
- Light/Dark Mode: To enhance the user experience.
- Internationalization (i18n): Ability to switch between English and Spanish.
- Interactive Carousel: Display of the technologies I master, with dynamic icons representing my technical skills.
- Responsive Design: Adaptable to different screen sizes.
- React: For creating the interactive interface of the portfolio.
- Tailwind CSS: For a modern, responsive design with CSS utilities.
- i18n: Multilanguage support (English and Spanish) for greater accessibility.
- Vite: For a fast and efficient development environment.
- React Icons: Visual icons of the technologies I use.
- Language Switching: Switch between English and Spanish at any time with the corresponding button.
- Light/Dark Mode: Toggle between light and dark modes for a better visual experience.
- Technology Carousel: Explore the technologies I use with an animated carousel featuring icons that represent my skills.
This project is designed to be easily deployed on platforms like Vercel or Netlify. Just connect a repository, and automatic deployment will handle the setup.
It is currently hosted on the server of the Computer Science Department at https://users.dcc.uchile.cl/~fragonza/
If you want to explore the project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/fgonzalezurriola/Portfolio-React-Vite
-
Navigate to the project folder:
cd Portfolio-React-Vite -
Install the dependencies:
npm install
-
Start the development server:
npm run dev
The project will be available in your browser at http://localhost:5173.
.
├── public # Static files
├── src # Project source code
│ ├── components # Reusable components
│ ├── locales # Translation files (i18n)
│ ├── App.tsx # Main application component
│ └── index.tsx # Application entry point
├── index.html # Main HTML file
└── tailwind.config.js # Tailwind CSS configurationIf you're interested in learning more about me or my projects, feel free to reach out:
- Email: [email protected]
- LinkedIn: fgonzalezurriola
- Telegram: @fgonzalezurriola
- Portfolio: https://users.dcc.uchile.cl/~fragonza/
Thank you for visiting my portfolio. Remember that you can download my resume from it. I look forward to the opportunity to collaborate with you!