React Node.js E-Commerce App Full Tutorial (REDUX - Stripe - JWT ) - MERN Stack Shopping App
Why Stack Overflow recommends it
Stack Overflow users link it when they are following the tutorial step by step and hit errors, such as Stripe API key failures, sorting bugs, or React Router v5 code that breaks on v6.
Recommended by 0 people across 0 different months, 2021 to 2022.
What it is
A 3h12m tutorial from Lama Dev that builds the React front end of a MERN e-commerce app, the third part of a series. It covers React Router, product fetching and filtering, a Redux Toolkit shopping cart, Stripe payments, JWT authentication, an admin dashboard and Firebase uploads.
What people said
Cites n_d22 · 2021-11 · Stack Overflow · on “Stripe API Authentication Failure”
I'm actually running according to LamaDev's video, but am having an issue authenticating the API key apparently. [this video] , 1:09. Although I am able to bring up the Stripe checkout UI, when I input a test card/transaction, I am getting a returned msg - You did not provide an API key. You need to provide your API key in the Authorization header, using Bearer auth (e.g. 'Authorization: Bearer YOUR_SECRET_KEY'), with the follow 401 status code. I am unsure where i'm messing up - or maybe i'm on a different version of packages. Passwords are stored in the .env's respect to front end or a back end for secret/public API token. const cart = useSelector((state) => state.cart); const [stripeToken, set
Cites Dennis Nguyen · 2021-12 · Stack Overflow · on “Using condition for redirecting in react router dom v6”
thank you once again, but could you please take a look at this clip? At 10:20, I know he's using version 5, It's so easy to know but I couldn't do the same as him haha [this video]
Cites Ardent10 · 2021-12 · Stack Overflow · on “State undefined in redux”
The reason to send the data and the cart is that when the success page is shown to the user, On the backend all the details of the product and the user who placed this order need to be sent to the Order route so that a successful order is placed. I am posting the data to the orders route. I am new to react and redux and this is my first project. This is the video [this video] at [1:21:00] is where my main problem is. This video was made on react-router-dom 5.3.0 I am using 6.0.2.
Cites KYin · 2022-04 · Stack Overflow · on “Can't sort items by createdAt”
I'm following this tutorial [this video] for an E-commerce website and applying the Sort functionality. I've compared my code to the source code and I don't think there's difference in the method that the tutorial uses so I'm a little confused right now. Here is the instructor's source code [LINK] Problem Description: Sorting the products by the price field ascending & descending works. But somehow, it cannot sort the latest and oldest products by the createdAt field. If I do a console.log(a.createdAt - b.createdAt) , it would return NaN . [LINK] In MongoDB, all items have both the createdAt and price fields. [LINK] If I do console log on a.createdAt or b.createdAt , it returns the createdAt resu