commerce-website-using-react-js

Today we have created an e-commerce website for you which is fully responsive and made using advanced technology. We have used react js in it and it runs on any device, be it laptop or mobile. If you want to become a student or a developer, then this project will help you. See, if you make such a project which is advanced, then the benefit of it is that you get to learn new things, like if any error comes then you try to solve it, why did this error come, due to which your skills will increase and this e-commerce website is a wedding website in which products are shown according to the category and I have added a product hover in it, which we will see further. Let's see.

I've designed this website so that you can host it if you wish, and you can make edits and changes as you see fit. You can create an admin panel, which is quite useful for managing the website. If you need to upload a product, you can do that. This is a great benefit. So let's take it step by step. I'll explain only the important code, its purpose, and how to run the project. We'll learn everything.

We've created multiple pages on this website, all of which are functional, such as the add-to-cart page, the wishlist page, and we've also categorized products, which are displayed upon filtering. Even a normal user can use it, as we've made it beginner-friendly.

Running its code is also very easy. Let's understand it step by step.

• First of all, you have to download the code from the button given at the bottom.
• Now the code you have downloaded will be in a zip file, you have to unzip it and then open it in vscode or whichever code editor you use.
• Now you have to run the terminal in which you have to run the command given below step by step.
• First command: npm install
• second command: npm run dev
• After running these two commands, you have to open localhost:5173 in your browser, after which the website will start showing live to you.

Many new developers have to face this problem, they do not understand what to do now, how will the project run, if you follow these steps given by me then the project will run smoothly, but many people open the file in VS Code without unzipping it, you should not do this, first unzip the file and then open it, and also keep in mind that your device is connected to the internet because without this the website will not be displayed properly.

Hosting a website is also very easy. You don't need paid hosting for this. If you really want to do business, then you should take paid hosting and domain, otherwise even free will be less. First of all, you have to push the code to Github, that is, upload it, and then make it live from your Vercel account. This is the only process of making the website live. It takes some time, but it is very easy. If you don't know about Vercel, then let me tell you that this is a free hosting which developers use. If you don't have an account on it, then you can create one, which is quite easy.

In the end, I would like to say that if you are learning coding and you think that you cannot use this project, then it is not so. When you do it, you will get to know how and what is working. You will actually learn to run the project. Talking about the code, you can download the code from the button given below.