React JS Project : E-commerce website with Reactjs, Tailwindcss, Redux-Toolkit || FREE source code
HTML-код
- Опубликовано: 3 ноя 2024
- 🛒 Looking for a fantastic addition to your portfolio? Look no further! In this tutorial, I am giving you a free React js project - e-commerce website repository that you can customize to give it your unique look and feel. Plus, I will show you how to deploy it on Vercel, turning it into your very own live project.
If you enjoyed this tutorial, don’t forget to:
👍 Like this video to support the channel.
🔔 Subscribe and hit the bell icon to stay updated with the latest tutorials.
💬 Comment if you have any questions or feedback.
☕ Support my work: www.buymeacoff...
🌐 Live E-Commerce Website: orebishopping....
📦 GitHub Repository: github.com/noo...
📥 GitHub Clone Link: github.com/noo...
📂 Google Drive: drive.google.c...
In this tutorial, we will cover:
How to customize the e-commerce website to make it uniquely yours own React js Project.
Deploying your project on Vercel for a live online presence.
Tips and tricks for making your portfolio stand out.
Your subscribe and like would mean the world to me! Thank you for joining me on this journey. Customize, deploy, and create something amazing with this free e-commerce website.
#ECommerceWebsite #PortfolioBuilding #WebDevelopment #Customization #VercelDeployment #CodingTutorial #FreeResources #OpenSource #Subscribe #StayUpdated #BuildWithCode #WebDevJourney #CreateWithCode #CodingCommunity
thank you very much man, you're a live saver
Thanks, man. Not all heroes wear capes, and you're one of them
You are most welcome, your kind words means a lot to me. Thank you.
+1 respect my man. Waiting for the full tutorial video
Thannnnnnnkkk you dude, it works perfectly fine, I always dream about to realize this kind of filter in react!!!!!
You are most welcome.
bro can u please tell me how did you implemented it
@@aravindballa1 Yes but can you please inform me which one you are referring?
I think It would be great if you made the entire video step by step because there many things that people would like implement … Giving a code without explanation in my opinion is no efficient… good job anyway…I love your work
That's the first suggestions to make this project in nextjs. Waiting for more 19 to start.
And by the way we are going to make it in nextjs, it's just to give some ideas that what is coming through.
@@reactjsBD please guys, 19 more suggestions😁😁😁
I'm waiting for that nextjs thank you
I agree too with this point... each project should have playlist step by step with each section for better understanding
@@reactjsBD Come on Door, this app great features that I'd like to implement..even if there are no 19 other like, can you di the full step video please, we never know how it can bring you some follower...
thank u sooo much iam trying this project for four days its done in minutes with your and Allah's help JAZZKALLAH
love u man so much, u helped me to pass exams!
Wow dear @FreshlyDrawn-cr5qh, that really amazing and I do love that you made it, Congratulations. Please watch from this: ruclips.net/video/N_vNMw50cE8/видео.html to make same like this projects with upgrading version of nextjs and some new tech which can also enrich your coding skills and do make like and share my videos by which it can be reached with the other people like you who really need it. Thank you and happy coding!
@@reactjsBDwhere is the admin page ?
Thank you bro, you are good man, thanks a lot, you helped me 👍👍👍👍👍👍👍
You are most welcome.
Is the full tutorial available yet? This is good ❤
Is this video cover everything or just showcasing how the project looks like.
I want the full vedio of this project ,I dont want to just copy your project and put it into my cv
Great.This project has everything..One question-how to run this project in terminal?
Npm start
Masha Allah, thanks a lot WHAT A GOOD HEART? really love you... ✌👍
You are most welcome.
Please create it In Next Js with typeScript and esLint src/app... anyway, this is a Good starter project. Thankyou...
If you can plz make full video of it .
demo website and github repo is different, Did he changed something after publishing?
The product might be different because people are pushing different code when the are done and I am merging it if it looks alright. If you are looking for the exact old product code then let me know.
Yes i want the full Fletched old product code which is present in the video
@reactjsBD i want old ui code just like in this video
Please sir, We need a ecommerce website in nextJs #suggestion
Why the filter is not working on the shop page ?
It's not working because it didn't append like that. Dear @noname_09gh, If you are willing to have the filter then let me know because I am going to make that for you. Thank you and happy coding!
Bro when will you bring part 6 of amazon clone?
Sir react is not building in render
how do i use formic and yup in this
react project
Sir your website is really amazing. Could you please connect this page to the MySQL database and share that video which will be very helpful. Please Sir
Hello sir where the data of product is stored?
Sir We need this products to be added in Admin panel need backend
sir i clone your github repo and how can i run it tell me the cmds.
waiting this in nextjs 13 :)
Dhanyawad rhega 🙏
thankyou for free sourcode
Sir how I can add my database into it ?
Can you link the site?
post "Delhivery or Professional Courier web application full stack" video end to end ...full video
how to connect the backend? for this site
Hello when is the tutorial dropping
when will it be available?
Please how do i change the currency
Can’t payment
I want to watch a tutorial on this Project.
me too
am waiting your React native tutorials
Ridiculous point of my React is-I have finished expensive course, learned everything but cannot open projects..React is very complicated, why people keep saying it is easy I dont understand..More pages there
It gets better with time. Don't be too hard on yourself. it took me about 2 years to be fairly knowledgeable with react and NextJs. Start with a small project first and then move on to complex topics. You will be shooting yourself in the foot if you start with this project because this is a little advanced. Best of luck
@@emenikedaniel Thank, what about salary in your country?
Please create it In Next Js . Thankyou.
getting this error in vercel "sh: /vercel/path0/node_modules/.bin/react-scripts: Permission denied
Error: Command "npm run build" exited with 126
BUILD_UTILS_SPAWN_126: Command "npm run build" exited with 126"
It's not working
How to change ‘$’ symbol
I subscribed you
i hope it will cover the checkout this time
have this project auth?
Great work!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
can anyone help me in installation of this project?
React command code what?
Hi @techmaster12959, the react command to install all the npm package is npm install or npm i and to run in localhost:3000 please write npm start. This video is ready made so that you can use it in your own projects but you are looking to build like that then please do watch: ruclips.net/video/N_vNMw50cE8/видео.html or ruclips.net/video/ZgxgTvl18yA/видео.html video which can extensively help you out to build the projects from the scratch. Hope it will help you and happy coding!
@@reactjsBD thank you sir
thank you so much
Welcome 😊
Thanks sir❤
where is the admin page?
please add price and brand filter in this project
Sir pls banking application in nextjs cheyyandi
Good evening sir, I want this project whole code explanation , I like this website awesome work thankyou
Sure I am creating that and will notify you once done
thanks sir
how to change the dollar sign prices?
Go to any of the line where price is mentioned and then replace the dollar sign with the one you want - ${props.price}
thankyoouu
Excelente gracias
Please, can you recreate with css, not tailwindcss
thank you for project)) but I have problems with tailwinds..
What kind of problem you are facing with tailwindcss? If I can help then I will and will make another project with css and will notify you shortly.
Hi senior, thanks for the video it was awesome, i am a Full stack JavaScript and i have gotten my certificate, but i would like to talk with you privately if you can permit me, I am very sharp and I am very good in logical thinking and problem solving, but i would love to talk with you privately if you would allow that.
Sure brother, you can knock me anytime
+1 respect ❤
bro please make this in next js new feature and use api for product content
Sure bro I am working on it. In meantime you may like to explore my new video to create amazon clone with nextjs 13.4.8 - ruclips.net/video/vviFia-Stqk/видео.html
Can you make admin panel bro
Sir please make this in nextjs
if anyone has made backend for cart page pls share ?
sir plz make this Ecommerce With React native with outstanding UI plz sir
Just wait a bit more dear because for react native mac os is best to run, windows giving lots of issues. Project is ready, just waiting to upgrade the system.
@@reactjsBD okay sir thanks
@@reactjsBD Yea you are right dont make hurry go step by step first react, nextjs then react native
please create this application toturial step by step
Sure, I am planning to integrate it with dedicated backend setup.
It is not responsive website
Make it responsive by your self
ur audiance target must be india and paksitan so make videos in hindi or urdu
Sir run ka code
Hi @techmaster12959, run code is npm start.