Feature Implement

[AstroProjection]

Fixing the issue of Delete Product Review as discussed on https://github.com/bradtraversy/proshop_mern/issues/141

Please update your 'master' branch to your latest changes and push it to origin

[talmax1124]

Do you see the video, I posted it in this comment: https://github.com/Obsession-Boutique/Joannie-Store-Shop/issues/1#issuecomment-829849242

I didn't know how to do that UI, so I just did everything seperately with dropdowns

@AstroProjection

[talmax1124]

Do you get what I mean? @AstroProjection

[talmax1124]

Any suggestions?

[talmax1124]

Can we set a time to work on it?

Sent from my iPhone

On Apr 30, 2021, at 4:41 PM, Carlos @.***> wrote:

 Any suggestions?

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub, or unsubscribe.

[AstroProjection]

Look for some suggestions online for the same layout you want to implement and take the code from there and tweek it with your values and see how it goes, that layout should be available online

For the code you have already setup, just keep a state variable which tells you which size is selected and only display those values when the user has checked one of the checkboxes, using a Checkbox component from whatever frontend library you're using.

I'm busy working on some stuff but i'll try and help you out when I can

[talmax1124]

I have been at this over a week trying to implement just this, thats why I have been persistent in seeing if someone can help me out.

On Fri, Apr 30, 2021 at 11:31 PM Akshay Hemant @.***> wrote:

Look for some suggestions online for the same layout you want to implement and take the code from there and tweek it with your values and see how it goes, that layout should be available online

For the code you have already setup, just keep a state variable which tells you which size is selected and only display those values when the user has checked one of the checkboxes, using a Checkbox component from whatever frontend library you're using.

I'm busy working on some stuff but i'll try and help you out when I can

— You are receiving this because you commented.

Reply to this email directly, view it on GitHub https://github.com/Obsession-Boutique/Joannie-Store-Shop/issues/1#issuecomment-830509243, or unsubscribe https://github.com/notifications/unsubscribe-auth/AOVNS3R4EF5U43RFZXGHAC3TLNYZZANCNFSM43XDGABA .

[talmax1124]

& thanks for everything you have done for me. I know I'm asking for alot and I'm sorry

[AstroProjection]

You're welcome, I know it's a little frustrating when you're just learning and everything seems very foreign. But keep that branch of pickingoptions updated with your latest changes I'll look into it now and then and see if I can help you get this feature running

[talmax1124]

You're welcome, I know it's a little frustrating when you're just learning and everything seems very foreign. But keep that branch of pickingoptions updated with your latest changes I'll look into it now and then and see if I can help you get this feature running

It is frustrating, especially when you have your mind set to something and I can't accomplish it. I just wish as time goes on, I increase my thinking process and problem solving so that I can do things like this. I'm sorry if I seem pushy or persistent. I really am. I know you have things to do too. So I'm sorry.

[talmax1124]

& I know I'm asking alot, but this is something that I have asked various times, and it's how to make a single image appear in the homescreen and a carousel or a multi image display like amazon in the product-screen. I keep getting responses of making it into an array, but I am not understanding on how to do that. I hate asking you this especially with everything you have done, but can you teach me how to do that or include it in the PR? @AstroProjection

I mentioned it in this issue: https://github.com/bradtraversy/proshop_mern/issues/135 as well as UDEMY course

[AstroProjection]

You're welcome, I know it's a little frustrating when you're just learning and everything seems very foreign. But keep that branch of pickingoptions updated with your latest changes I'll look into it now and then and see if I can help you get this feature running

It is frustrating, especially when you have your mind set to something and I can't accomplish it. I just wish as time goes on, I increase my thinking process and problem solving so that I can do things like this. I'm sorry if I seem pushy or persistent. I really am. I know you have things to do too. So I'm sorry.

Yeah, you need to make a habit of understanding the problem and searching for the right solution online, that's how you get better.

& I know I'm asking alot, but this is something that I have asked various times, and it's how to make a single image appear in the homescreen and a carousel or a multi image display like amazon in the product-screen. I keep getting responses of making it into an array, but I am not understanding on how to do that. I hate asking you this especially with everything you have done, but can you teach me how to do that or include it in the PR? @AstroProjection

I mentioned it in this issue: bradtraversy/proshop_mern#135 as well as UDEMY course

by using an array what they mean is that you would create a obj like

obj = {
 imgURL:'url...'
}

//and then
array2 =  [obj1,obj2...];

array2.map(obj=>{
  return <img src={obj.imgURL} />
})

or

 array1 = ['url1','url2',....] 

//Then you would do a 

array1.map(url=>{
   return <img src={url} /> // or whatever component you're using to show the image
});

That's pretty much it

[talmax1124]

Do I need to create a component?

Yeah, you need to make a habit of understanding the problem and searching for the right solution online, that's how you get better.

I have been looking online for like 5 hours trying to look and trying to implement. So you were like my last hope. I have been looking at the google, github repo's, basically anything. I found alot of cool repo's with features I like, but it just didn't align alongside with what I was doing, especially since they used firebase.

[talmax1124]

Has creating that feature been difficult for you? The options thing? @AstroProjection

[AstroProjection]

I don't think it will be difficult, but it also requires a good way to handle making sure you're getting the right count of the stock and stuff, to keep it simple you can just use the numbers from the initial backend that's getting the product, then just verify if the purchase worked when you make the backend purchase request.

The frontend part is just about conditonally showing a different list,

Like I'd said earlier, make a state variable and keep the user selected option (i.e , L,XL...etc )[singular] Then just display the list according to the selected option

[talmax1124]

I don't think it will be difficult, but it also requires a good way to handle making sure you're getting the right count of the stock and stuff, to keep it simple you can just use the numbers from the initial backend that's getting the product, then just verify if the purchase worked when you make the backend purchase request.

The frontend part is just about conditonally showing a different list,

Like I'd said earlier, make a state variable and keep the user selected option (i.e , L,XL...etc )[singular]

Then just display the list according to the selected option

You're welcome, I know it's a little frustrating when you're just learning and everything seems very foreign. But keep that branch of pickingoptions updated with your latest changes I'll look into it now and then and see if I can help you get this feature running

I thought you were helping me with a PR. I'm sorry if I misunderstood. I really don't know how to accomplish it. It's fine though. Sorry, if I'm stating it wrong. My primary language is Spanish, so I'm trying to phrase everything good. @AstroProjection

[AstroProjection]

Yeah at the moment I'm just a little caught up to spend some time going through the code but the solution is fairly straight forward and I think you should be able to accomplish it.

When I was learning, hands out trial and error was one of the main reasons I am even so comfortable in javascript right now, and I think you'll benefit greatly from just trying out different methods.

Spend more time learning react if you're finding the front-end a little complicated, go through reactjs.org

And if that's too much, just skim through mdn https://developer.mozilla.org/en-US/docs/Web/JavaScript

[talmax1124]

It's fine, I'll just discard that feature, because I'm in school most of the time. I won't have enough time to implement it in time.
@AstroProjection

This is sort of a personal project that I am wanting to finish by a schedule so that I can recreate everything again. So, that's why I was hoping you helped. I will just stop the idea of the feature since I cannot accomplish it at the moment. Thanks for everything you've done. & again, sorry if I misunderstood

[talmax1124]

I kinda shut down when I get stressed and can't accomplish something. So, it's the only reason I was asking for that assistance

@AstroProjection

[AstroProjection]

Yea I can imagine, don't rush it, take it slow and make incremental changes, and if you find you aren't understanding how something in javascript/html/css works, just go on a tangent and look into it. Don't rush to finish it quickly. You'll find just a couple hours a day just looking into a feature will improve your knowledge and fluency in a month or two

[talmax1124]

Hi! I still need help in this. Would you mind just helping me finish this one thing? @AstroProjection

[AstroProjection]

Sure, what is it?

[talmax1124]

Hey @AstroProjection, Still couldn't accomplish the feature. Could you please help me out in the sizes and the images carousel for products?

[AstroProjection]

Yeah sure, how much have you managed to get done?

[talmax1124]

I had to delete it because it was errors after errors. I am restarting the code for this feature again, because I'm doing something wrong. I was working on the images first.

Sent from my iPhone

On May 26, 2021, at 1:27 AM, Akshay Hemant @.***> wrote:

 Yeah sure, how much have you managed to get done?

— You are receiving this because you modified the open/close state. Reply to this email directly, view it on GitHub, or unsubscribe.

[talmax1124]

Hey @AstroProjection ! Can you help me implement something real quick. I have had enough people creating fake profiles and purchasing with the fake profile. Will you be able to help me implement email verification alongside google bot verification.

[AstroProjection]

Sure, are you sending emails out from your platform?

[talmax1124]

Sure, are you sending emails out from your platform?

What do you mean by that? I just want to be able to make the user verify there email via a email once they register. If they verified it then they can login or maybe make a purchase. I don't know yet. @AstroProjection

I have been looking at services that does this but I don't know which one to choose and their documentation is horrible.

[AstroProjection]

I meant are you sending emails when the user registers? You can use nodemailer to send emails out and create a verification route in your backend to check and verify tokens

[talmax1124]

No, I am not sending emails at all. How would I do that? I am using node, but not nodemailer or any emailing service for the site currently. @AstroProjection

[talmax1124]

How would I do it? @AstroProjection

[AstroProjection]

Install nodemailer on your backend, use it to send an email to the user with a link that connects to a particular path on your backend, where you will pass in a jwt token you sent by email.

When they access that endpoint with the token in the url it will be used to verify they received the email and the email Exists, then update that info in the back-end.

https://safwan-du16.medium.com/email-verification-with-node-js-and-nodemailer-3a6363b31060

One example, but you can refine it however you want

[talmax1124]

In server.js correct? @AstroProjection

[talmax1124]

Hey @AstroProjection I tried doing the tutorial and refining it a bit, and I can't get it to work. Can you check my latest code commit. Thnaks.

[AstroProjection]

You haven't pushed anything up

[talmax1124]

Oh, I realized I did it on my other repo. Let me share you the link to that repo. I changed the file userController. https://github.com/talmax1124/cdshop

On Wed, Jun 9, 2021 at 11:37 AM Akshay Hemant @.***> wrote:

You haven't pushed anything up

— You are receiving this because you modified the open/close state.

Reply to this email directly, view it on GitHub https://github.com/Obsession-Boutique/Joannie-Store-Shop/issues/1#issuecomment-857809601, or unsubscribe https://github.com/notifications/unsubscribe-auth/AOVNS3SCFAWTAZQG3O5FK3LTR6DFLANCNFSM43XDGABA .

[talmax1124]

I forgot. I did it on another repo of mine: https://github.com/talmax1124/cdshop @AstroProjection

[AstroProjection]

Last changes were a month ago?

[talmax1124]

Sorry, this is the link: https://github.com/talmax1124/creativeduoshopping-master @AstroProjection

[talmax1124]

This is the actual one, the one I last sent. Sorry. @AstroProjection

[AstroProjection]

Can't seem to access the page

[talmax1124]

Look at my profile talmax1124 and look for repo: creativeduoshopping-master

[talmax1124]

Or try checking the link again @AstroProjection

[talmax1124]

I got it working! @AstroProjection . This may sound stupid but I almost had paypal for the place-order screen instead of the order screen. Is there a way you can help me changing it? Thanks and have a great day or evening!

[talmax1124]

i've tried it again right now and something is not right. Can you help me in this? @AstroProjection

[talmax1124]

Nevermind got it working too! i just need help implementing stripe like this https://github.com/stripe-samples/checkout-one-time-payments or https://checkout.stripe.dev/preview @AstroProjection

[AstroProjection]

Awesome! see as you keep solving these issues it all starts to fall into place a little better :)

[AstroProjection]

i'll look into the stripe implementation and see if I can help you out with it

[talmax1124]

Ok. Thanks Alot @AstroProjection !

[talmax1124]

Do you know by when you can have it ready? @AstroProjection

[talmax1124]

Did you figure out how to do the stripe thing @AstroProjection