Skip to content

Trabajo Práctico Final Integrador para el curso #YoProgramo, 2° etapa del Plan Argentina Programa 2022. Aplicación web full stack de arquitectura distibuida.

Notifications You must be signed in to change notification settings

JoanaColl/ArgProg-Portfolio-Frontend

Repository files navigation

💻 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
  7. Desarrollado por...
  8. Contacto
  9. Agradecimiento

✅ Tecnologías utilizadas


(Ir arriba)

📝 Documentación

(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...

(Ir arriba)

📩 Contacto

Si deseas contactarte conmigo: Github Github

(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)

About

Trabajo Práctico Final Integrador para el curso #YoProgramo, 2° etapa del Plan Argentina Programa 2022. Aplicación web full stack de arquitectura distibuida.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published