forked from concretesolutions/frontend-recruiting-hsa
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
74 additions
and
14 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,27 +1,87 @@ | ||
# DesafioAccentureSvl | ||
# :grin: ¡Hola! | ||
|
||
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.2.0. | ||
Soy Sebastian Valencia Lasprilla y esta es mi propuesta de aplicación web que cumple con el Desafío Front End de Accenture. | ||
|
||
## Development server | ||
## :bookmark_tabs: Indice | ||
|
||
Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files. | ||
- | ||
- 1. ¿Qué desarrollé? | ||
- 2. Características | ||
- 3. Ejecutar la aplicación en un ambiente local | ||
- 4. Generar Build del proyecto | ||
- 5. Realizar test unitarios | ||
- 6. Para ayuda futura | ||
|
||
## Code scaffolding | ||
## :red_circle: ¿Qué desarrollé? | ||
|
||
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`. | ||
Aplicación desplegada: https://desafio-accenture-svl.herokuapp.com/ | ||
|
||
## Build | ||
Esta es una aplicación desarrollada con: | ||
- Visual Studio Code | ||
- Angular | ||
- Node.js | ||
- TypeScript | ||
- Scss | ||
- Postman | ||
|
||
Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build. | ||
Que utiliza apis de GitHub para buscar un usuario y obtener la información publica asociada a su cuenta y sus respectivos repositorios. | ||
Esta aplicación fue desarrollada para exploradores de escritorio, a pesar de no estar diseñada para otros dispositivos como tablets o celulares, el tamaño y posición de sus elementos están definidos con vh (viewport width) y vw (viewport height), por lo que no se deformaran o reposicionaran de una manera inesperada. | ||
|
||
## :large_blue_circle: Características: | ||
|
||
### :small_orange_diamond: Esta aplicación cuenta con un componente Home | ||
|
||
<img src="./src/assets/home.jpg" alt="drawing" width="600"/> | ||
|
||
### :small_orange_diamond: Y un componente Details | ||
|
||
<img src="./src/assets/detail.jpg" alt="drawing" width="600"/> | ||
|
||
### :small_orange_diamond: El componente Details esta dispuesto para mostrar: | ||
|
||
<img src="./src/assets/user.jpg" alt="drawing" width="600"/> | ||
|
||
- Avatar, nombre, nickname, locación, numero de repositorios, cantidad de seguidores, cantidad de seguidos y biografía. | ||
- Nombre de repositorios, descripción y estrellas de calificación. | ||
|
||
### :small_orange_diamond: Un layout para usuario inexistente | ||
|
||
<img src="./src/assets/userNotFound.jpg" alt="drawing" width="600"/> | ||
|
||
### :small_orange_diamond: Un layout para usuario sin repositorios | ||
|
||
<img src="./src/assets/userNotRepos.jpg" alt="drawing" width="600"/> | ||
|
||
### :small_orange_diamond: Y layout para limite de busquedas: | ||
|
||
<img src="./src/assets/limit403.jpg" alt="drawing" width="600"/> | ||
|
||
(Este limite es el error 403 que el api genera cuando se supera el exceso de busquedas en un tiempo determinado) | ||
|
||
## :black_circle: Ejecutar la aplicación en un ambiente local | ||
|
||
Esta es una aplicación que funciona con Node.Js (https://nodejs.org/es/download/) y Angular (https://cli.angular.io/) | ||
|
||
- Podemos obtener la aplicación clonando el repositorio con Git o descargandola directamente desde este cliente de GitHub. | ||
- Antes de ejecutar la aplicación debemos asegurarnos de tener las depedencias (node_modules) propias de la aplicación, esto podemos conseguirlo ejecutando el comando `npm install` en la ruta raiz de la aplicación. | ||
- Con el comando `ng serve` lanzaremos la aplicación en un servidor de desarrollo al que podremos acceder en `http://localhost:4200/` | ||
|
||
## :red_circle: Generar Build del proyecto | ||
|
||
Para generar una Build de este proyecto basta con ejecutar el comando `ng build` en la raiz de la app. | ||
|
||
## :large_blue_circle: Realizar test unitarios | ||
|
||
Para realizar un test unitario debemos ingresar el comando `ng test`. | ||
|
||
## :black_circle: Para ayuda futura | ||
|
||
No dudes en contactarme a traves de esta cuenta de gitHub, escribiendo algun comentario en el repositorio o escribiendo al siguiente correo: *[email protected]* | ||
|
||
# :smiley: Muchas Gracias por darle una oportunidad a mi app. | ||
|
||
## Running unit tests | ||
|
||
Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io). | ||
|
||
## Running end-to-end tests | ||
|
||
Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/). | ||
|
||
## Further help | ||
|
||
To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page. |