https://github.com/alextina/portafolio
Repositorio de mi portafolio personal, donde comparto mis proyectos, habilidades y experiencia en desarrollo web. Aquí podrás encontrar una selección de mis mejores trabajos, así como información sobre mí y cómo contactarme.
https://github.com/alextina/portafolio
angular css firebase-hosting html typescript
Last synced: 2 months ago
JSON representation
Repositorio de mi portafolio personal, donde comparto mis proyectos, habilidades y experiencia en desarrollo web. Aquí podrás encontrar una selección de mis mejores trabajos, así como información sobre mí y cómo contactarme.
- Host: GitHub
- URL: https://github.com/alextina/portafolio
- Owner: alextina
- License: mit
- Created: 2023-05-09T01:02:28.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2025-01-22T03:56:49.000Z (over 1 year ago)
- Last Synced: 2025-07-03T00:03:29.274Z (12 months ago)
- Topics: angular, css, firebase-hosting, html, typescript
- Language: TypeScript
- Homepage: http://alextina.pe/
- Size: 3.4 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Alextina
[](https://alextina.pe)
Este es mi portafolio personal, donde muestro mis proyectos y habilidades como desarrollador web. Aquí puedes encontrar información sobre mí, ver los proyectos en los que he trabajado y ponerse en contacto conmigo.
***Dato curioso:** Durante mis años escolares, observé cómo la profesora de religión escribía "Xto" en la pizarra para referirse a "Cristo". Inspirado por esta abreviación, decidí combinar mi nombre, Alejandra, con una referencia a "Cristina". Así nació "Alextina", un nombre que refleja mi identidad única como desarrollador web y mi enfoque creativo en el mundo de la programación.*
## Índice
1. [Tecnologías utilizadas](#1-tecnologías-utilizadas)
2. [Características del portafolio](#2-características-del-portafolio)
3. [Historias de Usuario](#3-historias-de-usuario)
4. [Contácto](#4-contacto)
## 1. Tecnologías utilizadas
- Angular: Un framework de desarrollo web utilizado para construir la interfaz de usuario del portafolio.
- HTML: Lenguaje de marcado utilizado para estructurar y presentar el contenido del sitio web.
- CSS: Lenguaje de estilos utilizado para dar estilo y diseño al portafolio.
- TypeScript: Un superset de JavaScript utilizado en el desarrollo de aplicaciones Angular.
- HttpClient (Angular): Una biblioteca de Angular que permite realizar solicitudes HTTP para obtener datos de una API externa (en este caso GitHub).
- FontAwesome: Una biblioteca de iconos utilizada para mostrar iconos de contacto en el portafolio.
- FormSubmit.co: Servicio utilizado para enviar los formularios de contacto desde el portafolio.
## 2. Características del portafolio
1. Página de inicio: En la parte iniciar se puede ver mi nombre, mi puesto y las tenologías que manejo. Tiene 2 componentes más: La sección "Ultimos Proyectos" con los últimos 3 proyectos desarrollados en Laboratoria. Y la sección de "Contacto".
2. Sección "Proyectos": Muestra todos los proyectos en los que he trabajado, con enlaces a los repositorios, con sus nombres y las tenologías que se usaron en cada uno.
3. Sección "Contacto": Permite a los visitantes del portafolio ponerse en contacto conmigo a través de un formulario. Este formulario cuenta con validaciones, muestra el estado del envío, y se limpia cuando ya ha sido enviado.
4. Diseño responsive: Se adapta a diferentes tamaños de pantalla y dispositivos.
5. Modo claro/oscuro: El portafolio ofrece la opción de cambiar entre los modos claro y oscuro para adaptarse a las preferencias del usuario.
## 3. Historias de Usuario
### 1. Como visitante, quiero ver una página de inicio atractiva con una introducción clara y enlaces a otras secciones del portafolio.
- Definición de "terminado": La página de inicio se muestra correctamente con una introducción y enlaces funcionales.
- Criterios de aceptación:
- La página de inicio contiene una breve introducción personal.
- Los enlaces a otras secciones, como "Tecnologías", "Ultimos Proyectos", y "Contacto", son visibles y funcionan correctamente.
### 2. Como visitante, quiero ver una sección de proyectos que muestre los proyectos en los que el desarrollador ha trabajado.
- Definición de "terminado": La sección de proyectos muestra correctamente los proyectos con enlaces a los repositorios.
- Criterios de aceptación:
- Los proyectos se muestran en forma de tarjetas.
- Cada proyecto muestra una imagen, el nombre, las tenologías y un enlace al repositorio correspondiente.
### 3. Como visitante, quiero poder contactar al desarrollador a través de un formulario en la sección de contacto y ver sus redes.
- Definición de "terminado": El formulario de contacto se valida correctamente y se envía a través del servicio FormSubmit.co.
- Criterios de aceptación:
- El formulario contiene campos para el nombre, correo electrónico y mensaje.
- Todos los campos son requeridos para enviar el formulario.
- El campo de correo electrónico debe tener un formato válido.
- Después de enviar el formulario, se muestra un mensaje de éxito durante 2 segundos.
- Después de 2 segundos, el mensaje de éxito desaparece y los campos del formulario se borran.
### 4. Como visitante, quiero poder cambiar entre los modos claro y oscuro del portafolio.
- Definición de "terminado": El portafolio ofrece la opción de cambiar entre los modos claro y oscuro para adaptarse a las preferencias visuales del usuario.
- Criterios de aceptación:
- Se incluye un botón o interruptor para cambiar entre los modos claro y oscuro.
- Al cambiar de modo, el diseño y los colores del portafolio se ajustan según el modo seleccionado.
- La selección del modo persiste para futuras visitas del usuario.
## 4. Contacto
- LinkedIn: [www.linkedin.com/in/alextina](https://linkedin.com/in/alextina)
- Portafolio: [www.alextina.pe](https://alextina.pe)
Puedes encontrar más información sobre mi experiencia, proyectos y habilidades en estos enlaces. ¡No dudes en contactarme o seguirme en LinkedIn para mantenernos en contacto!