I think you have changed the repository so Your page has so many errors. That's why this project is not loaded fully. Kindly check your Demo page.

I can't find any inheritance between components, services, etc. I think the project is missing this good practice to define common logic in parent class.

Could you please help? I have GET 404 error while using my-prod.api.example.come endpoint server.

I followed the information provided here for running this project on my local machine.
https://github.com/aviabird/angularspree/wiki/Installation-Guide.

I am getting below mentioned issue :

At the time of installation using yarn:

At the time of running :

Judging by the input from @pkrawat1 it appears this should be updated to creating PR's against the develop branch instead.

I am unable to run the project.
Is it possible to have video for this project.

In case of backend errors or any other reasons for failed http requests we should add an alert service to display the client of the error faced.

I took a look at the route configuration and it looks like they're both set to redirect to /orders so perhaps this is intentional?

 {
    path: '',
    component: UserComponent,
    children: [
      { path: '', redirectTo: 'orders' },
      { path: 'overview', component: OverviewComponent, redirectTo: 'orders' },
      { path: 'orders', component: OrdersComponent },
      { path: 'orders/detail/:number', component: OrderDetailComponent },
      { path: 'addresses', component: AddressesComponent, redirectTo: 'orders' }
    ]
  }

Gentlemen,

Hello.. Hope all is well.. I´ve been studying the code for AS.. As a beginner in programming it is a great reference.

My question today is how the default apiEndpoint is added in with function call to backend. There is an http service that is included, but is not used. I figure there must be some interceptor configured to rewrite the url. Where is it?

Lastly, how soon will some of the product option functionality be included. I want to deploy an ecommerce store using your code. And my product has options. Thanks

• Store the order number in local storage for a guest user.
• Sync the order number in local storage with that of the guest user, when he tries to log in.

Hello,

Why you don't use @ngrx/entity ?

In sign up form, as of now only validating whether the fields are empty or not. Apart from this we can implement some more validations like email type, mobile - number validations etc? Also the mobile number field is of type number which shows a counter icon. This we can remove.

I tested the website on IE Edge and 11 version. It does not work on IE 11

Hi ,
I cannot search your course on UDEMY? May I know the link?
Thanks

If main image in product detail page is clicked then it would be useful to provide a way to preview generated output images, so users can have quick look at the bigger image of the product.

ThoughtRam recently has released a wonderful overlay package which can be used to implement this feature.
Link to tutorial: Custom Overlay with Angular CDK

@y2kanthale Please follow this in landing page css you added in landing page css.
https://github.com/aviabird/angularspree/blob/develop/src/app/home/landing/landing.component.scss

API located at https://angularspree-new.herokuapp.com/spree/api/v1/ returns 503 service unavailable error. What's wrong?

If it's possible, please include a tutorial for running local API server (a real MOCK) in README file.

Please help me to resolve this.

An error occurred while installing rmagick (2.16.0), and Bundler cannot
continue.
Make sure that gem install rmagick -v '2.16.0' succeeds before bundling.

In Gemfile:
rmagick

problem is it shows error as "Generic type 'NguCarousel' requires 1 type argument(s). [2314]".

Hey guys,
Great work!

when can we expect this SEO support in this app? I am eager to use this code in one of my projects.

Cheers!

Please create test case for all modules , components, and services.
I am following your structure "angularspree"
Thanks
Krishna

The category filter doesn't appear to be working?

Nav bar search is not working for anytext.

this project just busied my 4200 port, even when it is not launched, restarting browser or pc did not help, what's the problem?

run docker-compose on ubuntu 18.10 tried on develop version and 1.0 release

$ sudo docker-compose up Starting angularspree-client-start ... done Attaching to angularspree-client-start angularspree-client-start | npm info it worked if it ends with ok angularspree-client-start | npm info using [email protected] angularspree-client-start | npm info using [email protected] angularspree-client-start | npm ERR! Linux 4.18.0-13-generic angularspree-client-start | npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "start" angularspree-client-start | npm ERR! node v7.7.1 angularspree-client-start | npm ERR! npm v4.1.2 angularspree-client-start | angularspree-client-start | npm ERR! missing script: start angularspree-client-start | npm ERR! angularspree-client-start | npm ERR! If you need help, you may report this error at: angularspree-client-start | npm ERR! <https://github.com/npm/npm/issues> angularspree-client-start | npm ERR! Linux 4.18.0-13-generic angularspree-client-start | npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "start" angularspree-client-start | npm ERR! node v7.7.1 angularspree-client-start | npm ERR! npm v4.1.2 angularspree-client-start | npm ERR! path npm-debug.log.896050243 angularspree-client-start | npm ERR! code EACCES angularspree-client-start | npm ERR! errno -13 angularspree-client-start | npm ERR! syscall open angularspree-client-start | angularspree-client-start | npm ERR! Error: EACCES: permission denied, open 'npm-debug.log.896050243' angularspree-client-start | npm ERR! { Error: EACCES: permission denied, open 'npm-debug.log.896050243' angularspree-client-start | npm ERR! errno: -13, angularspree-client-start | npm ERR! code: 'EACCES', angularspree-client-start | npm ERR! syscall: 'open', angularspree-client-start | npm ERR! path: 'npm-debug.log.896050243' } angularspree-client-start | npm ERR! angularspree-client-start | npm ERR! Please try running this command again as root/Administrator. angularspree-client-start | angularspree-client-start | npm ERR! Please include the following file with any support request: angularspree-client-start | npm ERR! /home/app/angularspree-client/npm-debug.log angularspree-client-start exited with code 1

The following API is not working, could you please solve it?
https://angularspree-new.herokuapp.com/spree/api/v1/orders.json

It seems that unlike the traditional Spree frontend, AngularSpree is still missing support for schema.org, used by Google and others to generate rich snippets based on this semantic markup. It'd be cool to see this make it in here as well.

Hi all,

I am getting following issue when i try to serve the application.

Is this something wrong with configuration ?

I am using Windows 10

Regards
Sathya

Hi,
First of all, thank you for all your contributions! There are lots of great examples to learn patterns from!
But looks like Filter, Add to cart, categories are not working. Are you guys still actively working on this project?

I have put some images in assets folder but while i am creating build i didn't get assets folder.

this is happening when the server call fails / out of stock / No Quantity
API : https://damp-anchorage-69261.herokuapp.com/spree/api/v1/orders/R100827806/line_items?order_token=KnBfCyNeXdhjUOltn-vBNw1513854377595
error :
{ "exception": "Validation failed: Quantity selected of \"Ruby on Rails Tote\" is not available." }

it would be better if we show a toast message

Add to cart doesn't seem to update and nor does it display any products after adding a product to cart.

Hi guys!
I'm new to angularjs and to learn it I decided to use your application.
When i start it with npm start the browser console give me this error:

Unhandled Promise rejection: StaticInjectorError(AppModule)[UserEffects -> Actions]: 
  StaticInjectorError(Platform: core)[UserEffects -> Actions]: 
    NullInjectorError: No provider for Actions! ; Zone: <root> ; Task: Promise.then ; Value: Error: StaticInjectorError(AppModule)[UserEffects -> Actions]: 
  StaticInjectorError(Platform: core)[UserEffects -> Actions]: 
    NullInjectorError: No provider for Actions!
    at _NullInjector.get (webpack-internal:///./node_modules/@angular/core/esm5/core.js:1218)
    at resolveToken (webpack-internal:///./node_modules/@angular/core/esm5/core.js:1516)
    at tryResolveToken (webpack-internal:///./node_modules/@angular/core/esm5/core.js:1458)
    at StaticInjector.get (webpack-internal:///./node_modules/@angular/core/esm5/core.js:1326)
    at resolveToken (webpack-internal:///./node_modules/@angular/core/esm5/core.js:1516)
    at tryResolveToken (webpack-internal:///./node_modules/@angular/core/esm5/core.js:1458)
    at StaticInjector.get (webpack-internal:///./node_modules/@angular/core/esm5/core.js:1326)
    at resolveNgModuleDep (webpack-internal:///./node_modules/@angular/core/esm5/core.js:11070)
    at _createClass (webpack-internal:///./node_modules/@angular/core/esm5/core.js:11111)
    at _createProviderInstance$1 (webpack-internal:///./node_modules/@angular/core/esm5/core.js:11081) Error: StaticInjectorError(AppModule)[UserEffects -> Actions]: 
  StaticInjectorError(Platform: core)[UserEffects -> Actions]: 
    NullInjectorError: No provider for Actions!
    at _NullInjector.get (webpack-internal:///./node_modules/@angular/core/esm5/core.js:1218:19)
    at resolveToken (webpack-internal:///./node_modules/@angular/core/esm5/core.js:1516:24)
    at tryResolveToken (webpack-internal:///./node_modules/@angular/core/esm5/core.js:1458:16)
    at StaticInjector.get (webpack-internal:///./node_modules/@angular/core/esm5/core.js:1326:20)
    at resolveToken (webpack-internal:///./node_modules/@angular/core/esm5/core.js:1516:24)
    at tryResolveToken (webpack-internal:///./node_modules/@angular/core/esm5/core.js:1458:16)
    at StaticInjector.get (webpack-internal:///./node_modules/@angular/core/esm5/core.js:1326:20)
    at resolveNgModuleDep (webpack-internal:///./node_modules/@angular/core/esm5/core.js:11070:25)
    at _createClass (webpack-internal:///./node_modules/@angular/core/esm5/core.js:11111:29)
    at _createProviderInstance$1 (webpack-internal:///./node_modules/@angular/core/esm5/core.js:11081:26)

How can i fix this?

My configurations:

Angular CLI: 1.7.4
Node: 8.9.4
OS: win32 x64
Angular: 5.2.9
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

@angular/cli: 1.7.4
@angular-devkit/build-optimizer: 0.3.2
@angular-devkit/core: 0.3.2
@angular-devkit/schematics: 0.3.2
@ngtools/json-schema: 1.2.0
@ngtools/webpack: 1.10.2
@schematics/angular: 0.3.2
@schematics/package-update: 0.3.2
typescript: 2.4.2
webpack: 3.11.0

I want to know if this template can be integrated in jhipster project ?

The list for the filters component is off, shows the bullet icons.

Is anyone working on this? Could I give it a try?

When I run ng serve I'm getting this error saying export 'DropdownModule' was not found in 'ng2-bootstrap/dropdown' and I don't know how to fix this.

WARNING in ./src/app/shared/index.ts
39:12-26 "export 'DropdownModule' was not found in 'ng2-bootstrap/dropdown'

WARNING in ./src/app/shared/index.ts
50:12-26 "export 'DropdownModule' was not found in 'ng2-bootstrap/dropdown'

ERROR in /Users/Yitao/Documents/myProject/angularspree/src/app/shared/index.ts (11,10): Module '"/Users/Yitao/Documents/myProject/angularspree/
node_modules/ng2-bootstrap/dropdown/index"' has no exported member 'DropdownModule'.

ERROR in Error encountered resolving symbol values statically. Calling function 'DropdownModule', function calls are not supported. Consider re
placing the function or lambda with a reference to an exported function, resolving symbol SharedModule in /Users/Yitao/Documents/myProject/angu
larspree/src/app/shared/index.ts, resolving symbol SharedModule in /Users/Yitao/Documents/myProject/angularspree/src/app/shared/index.ts

Hello,
On angularspree.firebaseapp.com, after proceed to checkout my purchases I try to add new address but nothing happens after click on button "Save". I should be redirected to payment process am I wrong ?

Add Title service for pages and display the current page title on tab.
It would be also a great if we can show the loader on the tab of the current page while it is still loading.

Does anyone know how to fix this problem?

vendor.bundle.js:46635 ERROR TypeError: Cannot read property 'order_token' of null
    at CheckoutService.webpackJsonp../src/app/core/services/checkout.service.ts.CheckoutService.getOrderToken (main.bundle.js:1515)
    at CheckoutService.webpackJsonp../src/app/core/services/checkout.service.ts.CheckoutService.createNewLineItem (main.bundle.js:1375)

I tested the demo app on Android Chrome browser and it's not very usable. It's slow, laggy and quite ugly.

How to install demo api

add to cart from home getting NAN

You upgraded the ngu-carousel plugin but you forgot to update the code.

This works for me

<ngu-carousel #landingBanners [inputs]="carouselOne" (onMove)="onMoveBanner($event)" [dataSource]="bannerItems"> <ngu-tile *nguCarouselDef="let banner;" class="bannerStyle"> <a href="{{banner.link_url}}"> <img src={{banner.image_link}} alt="" style="display: block; width: 100%;"> </a> </ngu-tile> <button NguCarouselPrev class='leftRs'></button> <button NguCarouselNext class='rightRs'></button> </ngu-carousel>

public carouselOne: NguCarouselConfig;

this.carouselOne = { grid: { xs: 1, sm: 1, md: 1, lg: 1, all: 0 }, slide: 1, speed: 400, interval: { timing: 4000 }, point: { visible: true, //pointStyles: '.ngucarouselPoint {}' // <-- this is not available anymore }, load: 2, touch: true, loop: true, custom: 'banner' };

Hi! Where is the config for defining the firebase project?

Hey there,

is there an update to Angular version 5.0.0. lined up? And what is the general state of the project if I may ask? It seems like the "What's coming soon" part is lined up since quite some months...

Keep up the great work :)