• repo-back

• Aplicación de Portfolio web full stack dinámica.
• Tecnologías Front-End:
• HTML5, CSS3, BootsTrap,TypeScript, Angular, Firebase.
• Herramientas adicionales: Apache TomCat, phpMyAdmin, XAMPP, Postman.
• Aplicación del tipo SPA o Single Page Application
• PatrónMVC.
• Contiene una Arquitectura Distribuida con diseño de interfaz (front end) que muestra la información agregada por el usuario.
• Consta con un motor de Base de datos MySQL: para almacenar los datos de los diferentes componentes Angular.
• DER (diseño conceptual), Modelo Relacional (diseño lógico) y diseño físico la base de datos en MYSQL
• cuenta con APIs como Sprint Boot para proveer a través de internet la información (back end).
• Tecnologías Back-End: Spring-Boot, Java v.17, Clever Cloud, Heroku.
• Sistema de Login con seguridad JSON Web Token (JWT)
• Una vez logueado puede editar lo componentes: Experiencia, Educacion, Skills, Proyectos.
• SCRUM, para gestionar el tiempo de desarrollo.
• CRUD, una vez logueado por editar, borrar o crear en los diferentes componentes.
• IMAGENES, las imagenes las trae desde las carpeta Assets del proyecto.

• Instalación y configuración
  • Entorno Angular
  • Comandos
• La app se divide en
  • Acerca de
  • Banner
  • Educacion
  • Experiencia
  • HardandsoftSkills
  • Header
  • Home
  • Login
  • Logo-arg-progr
  • Proyectos
  • Footer
• Entorno de prueba
• Base de datos
• Ide's
  • Ide Front
  • Ide Back
• Lenguaje BackEnd
• Entorno BackEnd
• Ambiente de prueba
• Licencia

1. https://angular.io/
2. Este proyecto fue generado con Angular CLI versión 14.0.5.
3. también debes tener instalado NodeJs
4. NodeJs ya te instala los paquetes npm necesarios.

Servidor de desarrollo

Si descargas el proyecto directamente de mi repositorio GitHub.

Ejecutar npm install para su mejor funcionamiento.

Ejecute ng serve -o para correr servidor local automáticamente en el navegador.

Navegue a http://localhost:4200/. La aplicación se recargará automáticamente si cambia cualquiera de los archivos de origen.

Ejecuteng generate component component-nuevoNombrepara generar un nuevo componente. O en su forma abreviada ng g c component-nuevoNombre

Ejecute ng build para compilar el proyecto. Los artefactos de compilación se almacenarán en dist/ directorio.

Ejecute ng test para ejecutar las pruebas unitarias a través de Karma.

Ejecute ng e2e para ejecutar las pruebas de extremo a extremo a través de una plataforma de su elección. Usar este comando, primero debe agregar un paquete que implemente pruebas de extremo a extremo capacidades.

Para obtener más ayuda sobre Angular CLI, use ng help o consulte Angular CLI Descripción general y referencia de comandos página.

Breve descripcion personal o lo que creas que sea importante transmitir. Informacion

profesional resumida sobre vos.

un Banner que represente la idea principal que queres transmitir.

Información Academica, certificaciones, cursos.

Informacion de trayectoria laboral.

Habilidades tecnologicas y habilidades blandas, como por ejemplo la comunicación

efectiva. Visualizado con porcentajes para ver el grado de dominio de cada una.

En la parte superior izquierda, debe contener un logo y nombre dle programa.

La vista principal de la app.

La vista para que usuario pueda loguearse. Con la cual debe contar con un username y

password. Una vez logueado el usuario puede editar los componentes Experiencia,

Educacion, Skills y Proyectos.

Logo de la institución.

Proyecto de los que fuiste parte y desarrollaste.

<div class="row">

  <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
    <img src="../../../assets/fotoZoom.jpg" alt="foto de perfil personal" 
class="img-fluid" id="foto__perfil__mitad">
  </div>

  <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
    <p id="nombre">Martin Maldonado</p>
    <p id="jr">Full Stack Developer Jr.</p>
  </div>

  <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
    <span>
      <h1>Acerca de</h1>
      <p>Empecé mi trayectoria en el sector Retail, en empresas especializadas en la 
        comercialización masiva de productos y servicios. Responsable de la ejecución de las actividades comerciales del área, como atención al cliente y ventas. Actualmente, estudio y desarrollo pequeños proyectos como páginas Web y Apps. Aprender hace parte de mi día a día y los desafíos me motivan a encontrar las mejores soluciones. Busco adquirir experiencia en el área de Tecnología de la información.
      </p>
    </span>
  </div>

</div>

Apache TomCat

Postman

XAMPP

MySQL Workbench

phpMyAdmin

Visual Studio Code

IntelliJ IDEA

Java v.17

Spring-Boot

Clever Cloud

Firebase

Heroku

Completamente gratis (MIT)! Consulte LICENSE.md para obtener más

información.