Este proyecto fue generado utilizando Angular CLI version 1.2.3.
Utilizando Angular podemos realizar aplicaciones web con el enfoque a componentes. RaffleApp Web es una aplicacion sencilla la cual se divide de la siguiente manera.
-
App [Component Raiz]
-
Este componente es el componente principal de la aplicacion, la funcion de este va a hacer el esquema de toda la aplicacion web.
-
Jumbotron [Componente]
-
Componente encargado de mostrar el tiulo y la invitacion a participar en el sorteo.
-
-
Awards [Componente]
- Este componente es el encargado de mostrar los premios a sortear y mediante la accion del boton sortear el cual mostrar un ganador.
-
Customer [Componente]
- Este componente es el encargado de agregar o eliminar clientes de la base de datos. Por medio de este nos conectamos a la API Restful construida para la aplicacion (https://github.com/SebasG22/RobusRaffleApp).
- Instalar las dependencias
npm install
localmente - Ejecutar
ng serve
para iniciar el servidor de desarollo. En el navegador ir ahttp://localhost:4200/
. La aplicacion va a cambiar automaticamente cada vez que detecte un cambio en los archivos. - Si angularCLI no es capaz de inciar el servidor. Debido a ciertas restricciones, usar
npm start
Captura de Pantalla
Recursos
-
Tecnologias
- Node Js - NPM
- Angular CLI (https://cli.angular.io/) [ Forms, Observables, Components, Services, Modules ]
-
Sintaxis Documentacion
-
Responsive Design
Run ng generate component component-name
to generate a new component. You can also use ng generate directive|pipe|service|class|module
.
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.
Run ng test
to execute the unit tests via Karma.
Run ng e2e
to execute the end-to-end tests via Protractor.
Before running the tests make sure you are serving the app via ng serve
.
To get more help on the Angular CLI use ng help
or go check out the Angular CLI README.