Let's Build a Full-Stack AMAZON Clone with REACT JS for Beginners (Full E-Comm Store in 8 Hrs) 2021
Why Stack Overflow recommends it
Stack Overflow users link it as the tutorial they are following along with when they hit version, dependency or API errors partway through the build.
Recommended by 1 people across 1 different months, 2021 to 2023.
What it is
An 8-hour beginner-oriented tutorial from Clever Programmer that builds a full Amazon clone in React JS, covering the home page, cart and checkout, login and Firebase authentication, deployment, Stripe payments and an order history page. It is a long follow-along coding session with timestamps for each part.
What people said
Recommends user3299633 · 2022-11 · Stack Overflow · on “Problems with React and Link functionality with react-router-dom”
I've been following along the following tutorial building an Amazon clone at the below link: [this video] I've been able to successfully follow along for the first 90 minutes or so but now I'm running into a problem with functionality. The first thing I ran into that I had to change was to uninstall react-router-dom and install react-router-dom@5.2.0 in order to get following code to work: import { BrowserRouter as Router, Switch, Route } from 'react-router-dom'; The regular react-router-dom package no longer supported Switch so I uninstalled that package and installed the 5.2.0 package. With that said, everything was working again until I ran into the following code: import React from 'react'; i
Cites weirdboy · 2021-01 · Stack Overflow · on “React Project keeps throwing weird issues when I restart it”
I'm trying to follow along with this fullstack React tutorial: [this video] I haven't gotten far because every time I shut down my laptop and open the project again, npm start throws a weird error. I restarted the entire project from scratch because it kept throwing an error about the semver module being messed up. Now it's throwing a similar error: internal/modules/cjs/loader.js:311 throw err; ^ Error: Cannot find module '/Users/jaredb96/Documents/Projects/ReactProjects/amazon-clone/node_modules/webpack-manifest-plugin/index.js'. Please verify that the package.json has a valid "main" entry at tryPackage (internal/modules/cjs/loader.js:303:19) at Function.Module._findPath (internal/modules/cjs/lo
Cites GuyWhoLikesToCode9 · 2023-06 · Stack Overflow · on “POST request error in Axios despite valid API route”
For context, I am currently following this video ( [this video] ) and I am on part 8 (payment processing). The payment processing is done using Stripe, Axios, and Node.js. For some reason, whenever I try to make a POST request to one of the API's routes, I receive a CORS error and Internal Server Error. The payment page is set up as a component within React. When the user decides to proceed to checkout, the errors show up in the console: "Access to XMLHttpRequest at ' [LINK] ' from origin ' [LINK] ' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource." Where the total is the cost of purchase multiplied by 100. & "POST [LINK] net::ERR_FAILE