alvarito1709 / frontendangular

Frontend de portafolio en angular

Portfolio Web

Portfolio web presentado como trabajo práctico para recibir el titulo de Web developer Jr. Argentina Programa.

Especificaciones de uso

Al estar alojada en servicios gratuitos el sitio tendrá ciertas limitaciones. Por tal motivo se invita a ser paciente al cargar la página o editar datos.

Para poder editar el portfolio el usuario debe estar logueado. Para loguearse se deben tener los datos de usuario y contraseña.

El apartado de informacion personal siempre deberá estar completo y solo tendrá un item por tipo de dato (Nombre, foto de perfil, etc.), por tal motivo solo se habilitará la opcion de editar. No se tendrá la opcion de eliminar o agregar.

El resto de los apartados tendran tres opciones de edicion (editar item, agregar o eliminar). Al seleccionar editar item se desplegaran botones de edición sobre cada uno de los items que contenga el apartado, que al ser presionados llevarán a la ruta de edición especifica para dicho item. Lo mismo pasará al selecionar la opción de eliminar. Al hacerlo apareceran en pantalla los botones de eliminar correspondientes a cada item por separado. Por último, al seleccionar la opción agregar se desplegará un modal con un formulario para ingresar los datos de la nueva entrada.

Tecnologías usadas para el desarrollo

Para el desarrollo de este portfolio web se usó Angular y Bootstrap como frameworks para el desarrollo frontend. Springboot como framework para el desarrollo backend en Java. Y MySQL como sistema de gestión de base de datos relacional.

Deploy

El deploy está hecho basado en arquitectura distribuida usando tecnologías en la nube tales como: Firebase para el frontend, Koyeb para el backend y CleverCloud para la base de datos.

This project was generated with Angular CLI version 14.2.3.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.