ikismail / angular-shoppingcart Goto Github PK

Hi Sir,

I have downloaded this project for learning purpose. wanted to know if we need to create the tables in Firebase explicitly or it will get created automatically once we setup the firebase and run the application. i have created the clients table though as mentioned in the readme file. But I am still facing issue in loading the application and seeing below error.

Let me know.

Thanks and regards,
Kunal

Hi Ismail,

I did the sign up with my google account, after successful sign-in, still sign up is showing.

By clicking multiple times on the "Add to wishlist" button, adds the item multiple times in the list.

after filing shipping details and clicking "continue to checkout" button not redirects to a confirmation page

Steps to reproduce the behaviour

1. Go to 'cart'
2. Click on 'checkout'
3. Click on 'next'
4. fill shipping details

Expected behaviour
need to go success page

how to fix my firebase to get my data

Where is the link for accessing admin to do CRUD for products?

I was digging the routing definitions and I didn't find the routes.

Hi, thanks for developing and maintaining this project @ikismail
Do you have any documentation for adding payment gateway like razorpay or instamojo. I found a discussion in stackoverflow here. Found some here also.

the problem is that is ERROR in cannot read property 'loadChildren' of undefined

Could you please share the structure of the database ?

managed to clone the project but the products are not loading

Hey I just want to know how can your app be connected to MongoDB instead of firebase?

Hi I'm working on a Assignment and I'm supposed to create a location search box with suggestions .on pressing enter the text box should be cleared and the entered data should be displayed below.
Could you please help me with this.

I've attached an sample image

Hi,
When I clone this project into my local workspace, I run 'npm install', but it happened like this:

So,what can I do ?Thank you very much!

Please can you show me your firebase database structure i can't set the database for the usage of the listing of the products

Hi, how is it possible to make the page wider? There are white bars on the left and right from the page.
Cant find the place to change it.

Thanks in advice.

i run the command ng serve and i get this error
Error: Callback was already called.

help me please

How to manage checkout here?

Hi

First of all Thank you very much for the code, it helped me set up a store with only a few modifications.

I've been cracking my head about this one though, how to I change the HTML title, I changed the index.html title tag, but after a few seconds it goes back to Angular Shopping Cart, I've also changed the app.component.ts title, but it is not there

Where is the title being modified?

Thanks

HI,

App is loading and working fine, But doesn't have enough guide lines to setup the DB. more of Angular person, But firebase is new. But looks straight forward here. Its light weight and stright forward. Like it so far

1 . Creating new user, gets added to Authentication User, OAuth works fine too. But its not creating User table in Database, so that I can edit isAdmin variable.
2. Is there Json file for DB to import. It looks like you can import Json file into firebase DB. Can you share your DB json file. if possible
3. How does structure for all the tables need to be created.

Thanks

ERROR in C:/~~/src/app/user/shared/user.service.ts (9,25): Cannot find module 'moment'.

The login page doesn't direct to the product page after a successful login bu still stays on login page .

This request is for enhancement of backend Database model.

Firebase from Google offers two types of cloud-based client-accessible database solutions —

1. Realtime Database
2. Cloud Firestore

Cloud Firestore is a successor to the Realtime Database with a new and more intuitive data model. It is richer, faster, and more scalable having less pricing than the Realtime Database.

It would be really great if this project also supports Firebase Cloud Firestore database.

I clone ur code and run 'ng serve' and then it had the error on the console like this:
[2020-08-22T10:39:51.853Z] @firebase/database: FIREBASE FATAL ERROR: Cannot parse Firebase url. Please use https://.firebaseio.com
and it showed me on the problem on this code:
var defaultLogHandler = function (instance, logType) {
var args = [];
for (var _i = 2; _i < arguments.length; _i++) {
args[_i - 2] = arguments[_i];
}
if (logType < instance.logLevel) {
return;
}
var now = new Date().toISOString();
var method = ConsoleMethod[logType];
if (method) {
console[method].apply(console, __spreadArrays(["[" + now + "] " + instance.name + ":"], args)); // particularly in this line
}
else {
throw new Error("Attempted to log a message with an invalid logType (value: " + logType + ")");
}
};
Do sb know what wrong with the code I clone or my set up???
Thank you.

Hi, on the deployed web app, I tried to use the sign in with Google button but it did not succeed

I open the test site and check in responsive google chrome, but there is no mobile responsive at cart section, is that normal or maybe not?

Error: FIREBASE FATAL ERROR: Cannot parse Firebase url. Please use https://.firebaseio.com
at fatal (index.cjs.js:334)
at parseRepoInfo (index.cjs.js:1256)
at RepoManager.push../node_modules/@firebase/database/dist/index.cjs.js.RepoManager.databaseFromApp (index.cjs.js:14987)
at Object.instance.INTERNAL.registerService.Reference [as database] (index.cjs.js:15328)
at FirebaseAppImpl.push../node_modules/@firebase/app/dist/index.cjs.js.FirebaseAppImpl._getService (index.cjs.js:134)
at FirebaseAppImpl. [as database] (index.cjs.js:323)
at database.js:23
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:391)
at Zone.push../node_modules/zone.js/dist/zone.js.Zone.run (zone.js:150)

How have you filtered the product category wise? Can you explain please!

Hi..
It seems that the link for 'My Account/Your cart' and 'My Account /Your wishlist' does not work...

Code looks

        <li class="list-group-item hoverable">
          <a [routerLink]="['/users', {outlets: {'profileOutlet': ['cart-items']}}]">Your Cart</a>
        </li>

...
 <router-outlet name="profileOutlet"></router-outlet>

It supposes to show cart into profileOutlet I suppose.

Thanks.

Error while Creating User
cant create user

addFavouriteProduct(data: Product): void {

	let a: Product[];

-->>> this.favouriteProducts.push(data);

	a = JSON.parse(localStorage.getItem('avf_item')) || [];
	a.push(data);
	this.toastrService.wait('Adding Product', 'Adding Product as Favourite');
	setTimeout(() => {
		localStorage.setItem('avf_item', JSON.stringify(a));
		this.calculateLocalFavProdCounts();
	}, 1500);
}

I was trying to push the favourite items of the users to the database. But I'm getting an error at the line I represented with an '-->'.. Could you please help me with that.

Unable to add products to cart in product description ? Any known issues ?

i need checkout method with online paypal or something like that

i am trying to install npm but getting error

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] install: node-pre-gyp install --fallback-to-build --library=static_library
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] install script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:

How Do I Switch To The Admin Mode? Where Do I Do These Changes "isAdmin==true"?

close it, due to fixed

your cart is not working.

Hi, thanks for this great shoppingcart app. I am very happy about it. But I have a problem while building the app:

ERROR TypeError: Cannot read property 'payload' of undefined
at SafeSubscriber._next (best-product.component.ts:47)
at SafeSubscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.SafeSubscriber.__tryOrUnsub (Subscriber.js:196)
at SafeSubscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.SafeSubscriber.next (Subscriber.js:134)
at Subscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber._next (Subscriber.js:77)
at Subscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber.next (Subscriber.js:54)
at angularfire2.js:49
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:391)
at Object.onInvoke (core.js:17289)
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:390)
at Zone.push../node_modules/zone.js/dist/zone.js.Zone.run (zone.js:150)
please help

core.js:1598 ERROR Error: permission_denied at /products: Client doesn't have permission to access the desired data.
at Object.push../node_modules/@firebase/database/dist/cjs/src/core/util/util.js.exports.errorForServerCode (util.js:513)
at onComplete (SyncTree.js:538)
at Object.onComplete (Repo.js:115)
at PersistentConnection.js:180
at PersistentConnection.push../node_modules/@firebase/database/dist/cjs/src/core/PersistentConnection.js.PersistentConnection.onDataMessage_ (PersistentConnection.js:435)
at Connection.push../node_modules/@firebase/database/dist/cjs/src/realtime/Connection.js.Connection.onDataMessage_ (Connection.js:262)
at Connection.push../node_modules/@firebase/database/dist/cjs/src/realtime/Connection.js.Connection.onPrimaryMessageReceived_ (Connection.js:256)
at PacketReceiver.onMessage_ (Connection.js:157)
at PacketReceiver.js:59
at Object.push../node_modules/@firebase/database/dist/cjs/src/core/util/util.js.exports.exceptionGuard (util.js:556)

In console I get

 @firebase/database: FIREBASE WARNING: Using an unspecified index. Your data will be downloaded and filtered on the client. Consider adding ".indexOn": "email" at /clients to your security rules for better performance. 
a @ main.a411b3aefe2060069f37.js:1
main.a411b3aefe2060069f37.js:1 [2019-11-10T06:52:13.017Z]  @firebase/database: FIREBASE WARNING: Using an unspecified index. Your data will be downloaded and filtered on the client. Consider adding ".indexOn": "email" at /clients to your security rules for better performance. 



main.a411b3aefe2060069f37.js:1 ERROR TypeError: Cannot read property 'payload' of undefined
    at e._next (main.a411b3aefe2060069f37.js:1)
    at e.__tryOrUnsub (main.a411b3aefe2060069f37.js:1)
    at e.next (main.a411b3aefe2060069f37.js:1)
    at e._next (main.a411b3aefe2060069f37.js:1)
    at e.next (main.a411b3aefe2060069f37.js:1)
    at main.a411b3aefe2060069f37.js:1
    at e.invoke (polyfills.b7350c3d51914905fd2f.js:1)
    at Object.onInvoke (main.a411b3aefe2060069f37.js:1)
    at e.invoke (polyfills.b7350c3d51914905fd2f.js:1)
    at t.run (polyfills.b7350c3d51914905fd2f.js:1)

node version 10.13.0
cli version 7.1.1

Hi, I have the following error when compiling:

Error: Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime (67) For more information on which environments are supported please see:
https://github.com/sass/node-sass/releases/tag/v4.9.3

try to solve changing the "node-sass" in the package.json to a lower version but it did not work, it does not work either "npm rebuild node-sass"

work with node v11.0.0
any ideas?

Hey Ismail,
I am working on your existing project and i am trying to extend it. First step i am trying to make it working and trying to understand the existing functionalities and next step would be how far i can extend it i can think on it.
But initially i am able to setup the project and firebase and i am able to login with normal user but not with the admin user , basically i want to login with admin panel and add the products.
Can you please help me here , how can i make login in the app as admin user and then add the products.

can I have a file example firebase json?

The project currently seems empty.
How do I seed data in it?