Update README.md

README.md

@@ -1,6 +1,44 @@
-# Proyecto Integrador Portfolio Web Full Stack - #YoProgramo![Logo](https://github.com/mariquenaallosa/portfolio-frontend/blob/master/src/assets/APLogo.png)
-https://mariquena-allosa.web.app/
-![AP portfolio2](https://user-images.githubusercontent.com/99567012/186332905-6ea92b04-e44d-4732-8502-b6c22390ddf2.jpg)
-![AP portfolio3](https://user-images.githubusercontent.com/99567012/186333519-7bf1ac00-d3e3-435b-ad0e-fdf13907892b.jpg)
+# 💻 Portfolio Web - #YoProgramo
+![GitHub Release Date](https://img.shields.io/github/release-date/mariquenaallosa/portfolio-frontend) ![GitHub followers](https://img.shields.io/github/followers/mariquenaallosa?style=social)
 
-![AP portfolio](https://user-images.githubusercontent.com/99567012/186332908-dd53df74-4931-4dd4-9baf-75a1bd295424.jpg)
+En este repositorio se encuentra todo lo relacionado al **Frontend** del proyecto, en caso de querer ver la parte del **Backend** **[ir aquí](https://github.com/mariquenaallosa/portfolio-backend "aquí").**
+## 📝 Descripción
+- ***Portfolio Web Fullstack*** realizado como Proyecto Final del curso **Argentina Programa - #YoProgramo**.
+
+- Se trata de la realización de una **Single Page Application (SPA)** realizada utilizando tecnologías como **HTML, CSS, Angular y Bootstrap**. Teniendo la primera versión en línea en el siguiente [enlace](https://mariquena-allosa.web.app/ "enlace").
+
+## ✅ Manejo de la App
+Funcionalidades:
+1. Ingresar con usuario y contraseña a través del apartado <b>"Ingreso"</b> en la barra de navegación</b>, lo cual nos permitirá editar los datos del perfil.
+<div align="center">
+
+![1](https://user-images.githubusercontent.com/99567012/196092290-0b753498-091d-46ac-bf75-9b71596e4aaa.jpg)
+![2](https://user-images.githubusercontent.com/99567012/196092298-eca9e799-7843-479e-a44f-997b275f9ceb.jpg)
+
+</div>
+<br>
+2. Como usuario se dispone de un <b>Portfolio Personal</b> , una vez ingresada a la cuenta de la manera indicada anteriormente, se puede modificar la información a través de los distintos elementos en la interfaz:
+<div align="center">
+
+![3](https://user-images.githubusercontent.com/99567012/196092933-7ca2030c-19a9-463d-a043-d463ffde9dfd.jpg)
+</div>
+<br>
+
+## ⌨🖱 Instalación
+- Si queremos correr la aplicación en un entorno local debemos tener en cuenta lo siguiente: 
+
+1. Clonar el repositorio utilizando GIT o descargando el archivo ZIP:
+
+    `git clone https://github.com/mariquenaallosa/portfolio-frontend.git`
+
+2. Instalar las dependencias a través de NPM.
+
+    `npm install`
+
+3. Configurar las variables de entornos en src/app/service/, donde en cada uno de los archivos .ts que aparecen deberemos cambiar la URL que tiene por   "http://localhost:8080"`
+
+4. Compilar y montar el proyecto utilizando el comando `ng serve`
+
+## 📩 Contacto
+🙋Si te interesa ponerte en contacto conmigo podés hacerlo a través de:
+**[LinkedIn ](https://www.linkedin.com/in/mariquenaallosa/) - [Github ](https://github.com/mariquenaallosa)**