💻 Portfolio Web FullStack - #YoProgramo

Trabajo Práctico Final Integrador para el curso #YoProgramo, 2° etapa del Plan Argentina Programa 2022

Consigna: Aplicación web full stack que muestra: datos personales, experiencia laboral, estudios cursados, conocimiento de las tecnologías, etc. De arquitectura distribuida. Debe contener un diseño de interface (front end) que muestre la información, una base de datos que almacene los datos antes mencionados y debe contar con las APIs necesarias para proveer a través de internet la información (back end)

En este repositorio se encuentra todo lo relacionado al Frontend del proyecto, para acceder al Backend ir aquí

🔗 Web: https://joana-coll.web.app/

📌 Índice

1. Título y descripción del proyecto
2. Índice
3. Tecnologías utilizadas
4. Documentación
5. Instalación
6. Funcionalidad de la App
   • Header
   • Login
   • Acerca de
   • Experiencia
   • Educación
   • Skills
   • Proyecto
7. Desarrollado por...
8. Contacto
9. Agradecimiento

✅ Tecnologías utilizadas

(Ir arriba)

📝 Documentación

• Esquema básico sobre el Trabajo Práctico Final Integrador

(Ir arriba)

🔧 Instalación

Si deseas correr la aplicación en un entorno local debes tener en cuenta lo siguiente:

1. Clona el repositorio utilizando GIT o descargando el archivo ZIP:

   git clone https://github.com/joana-coll/ArgProg-Portfolio-Frontend.git

2. Instala las dependencias a través de NPM.

   npm install

3. No hace falta que configures la variable de entorno ya que el proyecto funciona de forma local "http://localhost:8080"

4. Compila y monta el proyecto utilizando el comando ng serve

(Ir arriba)

⚙️ Funcionalidad de la App

La aplicación cuenta, en la mayoría de sus módulos, con las funcionalidades de: Agregar nuevos registros (excluyendo header, login y acerca de) Editar registros ya existentes (excluyendo header y login) Borrar registros ya existentes (excluyendo header y login)

Asimismo, mediante un sistema de alertas, informa si el resultado de la acción realizada (agregar o editar) fue correcto o no.

Experiencia añadida correctamente

¡Error! No pudo añadirse el proyecto

(Ir arriba)

Header

En la parte superior izquierda se encuentra el logo de Argentina Programa #YoProgramo con su respectivo link al sitio oficial, en la parte superior derecha los botones de redes sociales y boton de ingresar finalizando con un banner a elección.

(Ir arriba)

Login

Al dar clic en el boton de ingresar se abre un modal que permite completar usuario y contraseña. Si ambos son correctos habilita la edición del portfolio mediante los botones agregar, editar y borrar. Además cambia el boton ingresar por el boton salir.

Si los datos ingresados no son correctos se crea una alerta informando el error y los botones agregar, editar y borrar no se habilitan.

(Ir arriba)

Acerca de

Foto de perfil, nombre y apellido, título (FullStack...) y una breve información profesional resumida. Todo lo anteriormente nombrado puede editarse estando logueado. Una vez realizada la acción se crea una alerta informando si fue correcta o incorrecta.

_{Editar persona}

(Ir arriba)

Experiencia

Título del puesto, nombre de la empresa o empleador, periodo, breve descripcion de las actividades realizadas.

_{Nueva experiencia}

(Ir arriba)

Educación

Título de la carrera/curso o estudio, nombre de la institución, periodo, breve descripcion de los temas vistos.

_{Nueva educación}

(Ir arriba)

Skills

Nombre de la habilidad, porcentaje.

_{Nueva habilidad}

(Ir arriba)

Proyecto

Título del proyecto, descripción, imagen, URL del repositorio.

_{Nuevo proyecto}

(Ir arriba)

💁 Desarrollado por...

• Joana Coll - joana-coll

(Ir arriba)

📩 Contacto

Si deseas contactarte conmigo:

(Ir arriba)

❤️ Agradecimiento

Gracias por leer hasta aquí, espero que el proyecto te sea útil. No tiene Licencia pero podes usarlo como gustes mientras sigas fomentando el código libre y ayudando a otros pares.

¡Que tengas un lindo día!

Nana ✨

(Ir arriba)