Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mariquenaallosa/portfolio-frontend

angular argentinaprograma bootstrap css html typescript yoprogramo

Last synced: 12 days ago
JSON representation

Host: GitHub
URL: https://github.com/mariquenaallosa/portfolio-frontend
Owner: mariquenaallosa
Created: 2022-06-20T22:41:08.000Z (over 2 years ago)
Default Branch: master
Last Pushed: 2023-09-05T09:17:51.000Z (over 1 year ago)
Last Synced: 2023-09-05T11:11:35.747Z (over 1 year ago)
Topics: angular, argentinaprograma, bootstrap, css, html, typescript, yoprogramo
Language: TypeScript
Homepage:
Size: 4.51 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 2
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# 💻 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)

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 "Ingreso" en la barra de navegación, lo cual nos permitirá editar los datos del perfil.

![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)

2. Como usuario se dispone de un Portfolio Personal , 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:

![3](https://user-images.githubusercontent.com/99567012/196092933-7ca2030c-19a9-463d-a043-d463ffde9dfd.jpg)

## ⌨🖱 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)**