Build JavaScript ECommerce Website Like Amazon For Beginners [2022]

Is this project enough to prepare us to work in the real world? I know html, css, and JavaScript. I'm also aware I have to learn React next.

Thank you so much

So good 👍

If you get a "screen.after_render is not a function TypeError: screen.after_render is not a function at router (webpack://frontend/./src/index.js?:25:16)" error paste this into your index.js
if (screen.after_render) await screen.after_render();

If you get an error at webpack part create webpack.config.js in your "frontend" folder and paste this:

const path = require("path");

module.exports = {
mode: "development",
// Entry point: starting from src/index.js, Webpack will include all dependencies from here
entry: "./src/index.js",

// Output configuration: where to place the bundled output
output: {
filename: "main.js",
path: path.resolve(__dirname),
},

// Configuration for the development server
devServer: {
static: {
directory: path.join(__dirname),
},
compress: true,
port: 9000,
},

module: {
rules: [
// You can add rules for processing different types of files.
// As an example, if you wanted to add Babel for JS transpilation,
// or CSS loaders to process your CSS files, you'd do it here.
],
},
};

Then in package.json use this command: "start": "webpack-dev-server --open",

thanks github to recommend your repo for me and thank you for this content <3

hi wonderful people I hope you are doing well. please need help i have gotten to the stage 8 of this video. i have gone through all the steps but keep on getting the same error. localhost/:1


Failed to load resource: the server responded with a status of 404 (Not Found). And this is the steps for stage 8: 8. Add Webpack
1. cd fronted
2. npm install -D webpack webpack-cli webpack-dev-server
3. npm uninstall live-server
4. "start": webpack-dev-server --mode development --watch-content-base --open",
5. move index.html, style.scc and images to frontend folder
6. rename app.js to index
7. update index.html
8. add <script src="main.js"></script>before</body>
9. npm start

In the 8th section of this video
{
"name": "frontend",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"start": "webpack-dev-server --watch-content-base --open",
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC",
"devDependencies": {
"webpack": "^5.88.2",
"webpack-cli": "^5.1.4",
"webpack-dev-server": "^4.15.1"
}
}

shows the

> [email protected] start
> webpack-dev-server --watch-content-base --open

[webpack-cli] Error: Unknown option '--watch-content-base'
[webpack-cli] Run 'webpack --help' to see available commands and options

please resolve this issue

could you activate the subtitle language to the video to understand you well, please?!

Hello Baseer thank you for this course I have a question is the project available to everyone can I make such a project and modify it and display it on the internet please answer

Can I work as I did in the video and modify it and change all the interfaces of the site? Do you agree?

What extension have you installed to display HTML in 'template literals' syntax highlighting?

on the Udemy site "Sorry, this course is no longer accepting enrollments." how can i get all videos?

Great video! Im I the only one who thinks im listening to RadioHEAD´s album OK Computer?

thanks for your awesome toturial...

I am unable to get live server please help

I am not able to see the card after deploying data. Js and importing it.... Please help

incredible

Please add captions for the video please it will be very useful for beginners

who has problem with connection to mongodb, just delete body of function "connect":
useNewUrlParser , useUnifiedTopology , useFindAndModify , and useCreateIndex are no longer supported options. Mongoose 6 always behaves as if useNewUrlParser , useUnifiedTopology , and useCreateIndex are true , and useFindAndModify is false .

> [email protected] start
> webpack-dev-server --watch-content-base --open
[webpack-clil Error: Unknown option '--watch-content-base'
[webpack-clil Run 'webpack --help' to see available commands and options

when I run npm start in the frontend why this showing?

hi, can we make a website with html, css, JavaScript that allows sellers can add products, writing product details and delete it themselves

I really what to appreciate your effort for putting this lesson together, is a great job. But I am having some difficulties with webpack, after installing it from npm and I ran it and it showed error on the browser "cannot GET /", how can fit this? because I tried several means to fit, but still not working. Kind Regards

npm init/install doesn't work

Hello,

I'm excited to start the course, but I have a question, where can I download the program you are using to build the e-commerce in this tutorial? Is it visual studio, or something else ?

Sir, my delete button works but one item is always left in the cart

Great video Sir, however my cart button on top of the page keeps showing page not found when i click it, but the add to cart button work

Hi Basir! Thanks for this amazing tutorial!
I'm at part 30 and I got the error:
Uncaught Error: Client ID not found for env: sandbox

I’ve tried many times to connect with paypal (and of course rewrite the code again) but always the same error.
I’ve created my REST Api APP in sandbox with a sandbox business account (US) and copy my Client ID but with no success.
I apriciate any help, thanks in advance.

How did you get html highlight inside javascript?

Part19
useCreateIndex: true
in setting of mogoose i got "undefind" but when i remoe thise useCreateIndex:true then it says Connected to mongodb. it will be okay to work without it ?
thanks on this project it helped me a lot.

let make it clear, this is not tutorial for beginner! you did good jop but you just doing it instead of teaching
i dont recoment it for any beginer to watch it!

in Part 21, my admin sign in is not working. Does anyone have the same issue?

First of all, I have to sAY that, it's really amazing! Thank you for your useful lesson. Btw, I have a question to ask: what about the return policy, do you intend to add this function to your web?

I am having an issue with adding the Webpack in part 08.
The terminal says this:

users-MacBook-Pro:mkt user$ cd frontend/
users-MacBook-Pro:frontend user$ npm start

> [email protected] start
> webpack-dev-server --watch-content-base --open

[webpack-cli] Error: Unknown option '--watch-content-base'
[webpack-cli] Run 'webpack --help' to see available commands and options
users-MacBook-Pro:frontend user$

It is not loading the frontend anymore in my localhost.
What should I do?
Please help me.

How are you able to return the html tags inside HomeScreen file? "It's a js file"

You don't explain anything, you just write code and you comment what you are doing, that's not explain.
7 years of being a tutor and you didn't learn how to teach? Change your method.

Salam Basir jan, kheily zebo, tashakur bisyar ziyad.

Hello When I click on a button Sign-in There is an notes PAGE NOT FOUND.... Where can I make a mistake ???

Awesome

Thanks janinfor thisbcourse

why do we have to include every html code into javascript ?
I'm totally confused.

hi can anyone helpme for this [webpack-cli] Error: Unknown option '--watch-content-base'
[webpack-cli] Run 'webpack --help' to see available commands and options

Oh my goodness i cant believe its freee 💛💛💛💕💚💚💚💚💚💚💚💙💚💕💕💕💖💖💜💜💓💓💘💘

Can I use try and catch throughout the code, including the screen render function, or is it better to use the if statement as shown in the video?

Uncaught TypeError: Failed to resolve module specifier "axios". Relative references must start with either "/", "./", or "../".

In part 13, anyone know how to fix it?