Este es un proyecto de ejemplo para mostrar una implementación de una aplicación de comercio / comercio electrónico elegante, sensible, compatible con cross browser (IE11) hecha en Angular.
Autor original: carloso1222
- Ordenar productos por nombre, precio (asc) y precio (desc)
- Búsqueda instantánea por nombre del producto
- Filtre productos por categorías, rango de precios, disponibilidad y más filtros personalizados.
- Agregar productos al carrito de compras
- Ver detalles y administrar el carrito de compras
- También puedes cargar tus propios datos a través de la aplicación. Verá un botón rojo con un ícono de * enlace *, haga clic en él y pegue la URL. El archivo JSON debe seguir un formato específico. [ver ejemplo aquí] (http://carlosroso.com/angular2-shop-json/). ** IMPORTANTE: ** Asegúrese de establecer el encabezado apropiado de
Access-Control-Allow-Methods
en su respuesta HTTP JSON. - Interfaz de usuario bastante atractiva y algunas animaciones de fantasía para mejorar UX
Clona el proyecto
git clone https://github.com/caroso1222/angular2-shop
Instalar dependencias npm dentro de la carpeta del proyecto
cd angular-shop
npm install
Asegúrate de tener angular-cli
instalado. Trataré de mantener este proyecto actualizado con la última versión angular-cli
.
npm install -g angular-cli
Comience la aplicación
ng serve
Ahora abra una nueva pestaña en localhost:4200.
Este proyecto fue generado con angular-cli versión 1.0.0-beta.15.
Ejecute ng serve
para un servidor de desarrollo. Navegue a http://localhost:4200/
. La aplicación se volverá a cargar automáticamente si cambia alguno de los archivos fuente.
Ejecute ng generate component component-name
para generar un nuevo componente. También puede usar ng generate directive/pipe/service/class
.
Ejecuta ng build
para construir el proyecto. Los artefactos de construcción se almacenarán en el directorio dist/
. Use el indicador -prod
para una compilación de producción.
Ejecute ng test
para ejecutar las pruebas unitarias a través de Karma.
Ejecute ng e2e
para ejecutar las pruebas de extremo a extremo a través de [Transportador] (http://www.protractortest.org/).
Antes de ejecutar las pruebas, asegúrese de que está publicando la aplicación mediante ng serve
.