React JS Project : E-commerce website with Reactjs, Tailwindcss, Redux-Toolkit || FREE source code

Подписаться 7 тыс.

Просмотров 72 тыс.

50% 1

🛒 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.
🌐 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

Опубликовано:

26 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 112

@druxamb 10 месяцев назад

thank you very much man, you're a live saver

@MrLuckyZo 29 дней назад

Thanks, man. Not all heroes wear capes, and you're one of them

@reactjsBD 27 дней назад

You are most welcome, your kind words means a lot to me. Thank you.

@traninhminhphuong6985 Год назад

+1 respect my man. Waiting for the full tutorial video

@philocalistartist449 2 дня назад

thank u sooo much iam trying this project for four days its done in minutes with your and Allah's help JAZZKALLAH

@m__link6499 Год назад

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

@reactjsBD Год назад

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.

@m__link6499 Год назад

@@reactjsBD please guys, 19 more suggestions😁😁😁

@MrMaraxli Год назад

I'm waiting for that nextjs thank you

@learncode5110 Год назад

I agree too with this point... each project should have playlist step by step with each section for better understanding

@m__link6499 Год назад

@@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...

@m__link6499 Год назад

Thannnnnnnkkk you dude, it works perfectly fine, I always dream about to realize this kind of filter in react!!!!!

@reactjsBD Год назад

You are most welcome.

@aravindballa1 Год назад

bro can u please tell me how did you implemented it

@reactjsBD Год назад

@@aravindballa1 Yes but can you please inform me which one you are referring?

@cat.edit_x Год назад

Thank you bro, you are good man, thanks a lot, you helped me 👍👍👍👍👍👍👍

@reactjsBD Год назад

You are most welcome.

@FreshlyDrawn-cr5qh 7 месяцев назад

love u man so much, u helped me to pass exams!

@reactjsBD 7 месяцев назад

Wow dear @FreshlyDrawn-cr5qh, that really amazing and I do love that you made it, Congratulations. Please watch from this: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-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!

@HWK_venom 3 месяца назад

@@reactjsBDwhere is the admin page ?

@kabirshuvo19 Год назад

Please create it In Next Js with typeScript and esLint src/app... anyway, this is a Good starter project. Thankyou...

@kundantamsoy2975 3 месяца назад

demo website and github repo is different, Did he changed something after publishing?

@reactjsBD 3 месяца назад

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.

@kundantamsoy2975 3 месяца назад

Yes i want the full Fletched old product code which is present in the video

@manilal002 Месяц назад

@reactjsBD i want old ui code just like in this video

@adamuahmedaliyu Год назад

Masha Allah, thanks a lot WHAT A GOOD HEART? really love you... ✌👍

@reactjsBD Год назад

You are most welcome.

@ismamismam1656 3 месяца назад

I want the full vedio of this project ,I dont want to just copy your project and put it into my cv

@michaelsolomon6033 Месяц назад

Is the full tutorial available yet? This is good ❤

@raunakshrestha7810 Год назад

Please sir, We need a ecommerce website in nextJs #suggestion

@Michael_Fritzke 8 месяцев назад

Why the filter is not working on the shop page ?

@reactjsBD 7 месяцев назад

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!

@electroff5764 Год назад

If you can plz make full video of it .

@Chessinfinity13 8 дней назад

Sir react is not building in render

@rahimibadov2940 10 месяцев назад

Great.This project has everything..One question-how to run this project in terminal?

@thecan2 7 месяцев назад

Npm start

@adebayosaadudeenadebayos-ho3up 8 месяцев назад

Is this video cover everything or just showcasing how the project looks like.

@JashimUddin-gq5cb 5 месяцев назад

Great work!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

@cat.edit_x Год назад

I subscribed you

@AhmedEssam-uc2tl 11 дней назад

Can you link the site?

@codeAllTheTime Год назад

waiting this in nextjs 13 :)

@fallanstar Год назад

am waiting your React native tutorials

@rajvirsingh-vn9xc 4 месяца назад

Please create it In Next Js . Thankyou.

@shakhkamran2194 Месяц назад

how do i use formic and yup in this react project

@chethankr9893 Месяц назад

Sir We need this products to be added in Admin panel need backend

@nivinila24 5 месяцев назад

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

@rhinoroams5610 Год назад

Bro when will you bring part 6 of amazon clone?

@hendoitechnologies 2 месяца назад

post "Delhivery or Professional Courier web application full stack" video end to end ...full video

@ronnakritcheinvichai9677 Год назад

Can’t payment

@sinchanadivakargoudar1922 6 месяцев назад

Hello sir where the data of product is stored?

@bukhorimuslim3240 9 месяцев назад

thankyou for free sourcode

@HimanshuRaj-v1l 2 месяца назад

Dhanyawad rhega 🙏

@lohithabatchu9552 10 месяцев назад

how to connect the backend? for this site

@ebadjunaid9418 4 месяца назад

Sir how I can add my database into it ?

@davidsontv1695 10 месяцев назад

Please how do i change the currency

@UnliQ 11 месяцев назад

How to change ‘$’ symbol

@MuhibSami 2 месяца назад

sir i clone your github repo and how can i run it tell me the cmds.

@sopheakphorn8171 Год назад

Thanks sir❤

@AhsanCodeCrew Год назад

I want to watch a tutorial on this Project.

@suleimanhassan8579 7 месяцев назад

me too

@codeAllTheTime Год назад

i hope it will cover the checkout this time

@InnovixusTechnology 7 месяцев назад

React command code what?

@reactjsBD 7 месяцев назад

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: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-N_vNMw50cE8.html or ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-ZgxgTvl18yA.html video which can extensively help you out to build the projects from the scratch. Hope it will help you and happy coding!

@InnovixusTechnology 7 месяцев назад

@@reactjsBD thank you sir

@rohitdongare4727 6 месяцев назад

can anyone help me in installation of this project?

@edikanedemeka3287 Месяц назад

It's not working

@RamazanKachkynov 4 месяца назад

have this project auth?

@codeWithMeEasy Год назад

Sir pls banking application in nextjs cheyyandi

@danbeth7713 Год назад

Hello when is the tutorial dropping

@S4LTYT 13 дней назад

thankyoouu

@EduTechSupreme 9 месяцев назад

please add price and brand filter in this project

@DanNguyen-cz8so Год назад

+1 respect ❤

@tealoverw 5 месяцев назад

Please, can you recreate with css, not tailwindcss

@tealoverw 5 месяцев назад

thank you for project)) but I have problems with tailwinds..

@reactjsBD 5 месяцев назад

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.

@sadashivmahadev 9 месяцев назад

thank you so much

@reactjsBD 9 месяцев назад

Welcome 😊

@codeAllTheTime Год назад

when will it be available?

@dannydiara Год назад

where is the admin page?

@kartikeymittal Год назад

Sir please make this in nextjs

@knowledgehooktv Год назад

how to change the dollar sign prices?

@reactjsBD Год назад

Go to any of the line where price is mentioned and then replace the dollar sign with the one you want - ${props.price}

@Mercury301-j1u Год назад

bro please make this in next js new feature and use api for product content

@reactjsBD Год назад

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 - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-vviFia-Stqk.html

@hemakshipatel5015 7 месяцев назад

if anyone has made backend for cart page pls share ?

@TaskZen-x5q 7 месяцев назад

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.

@reactjsBD 7 месяцев назад

Sure brother, you can knock me anytime

@fallanstar Год назад

sir plz make this Ecommerce With React native with outstanding UI plz sir

@reactjsBD Год назад

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.

@fallanstar Год назад

@@reactjsBD okay sir thanks

@learncode5110 Год назад

@@reactjsBD Yea you are right dont make hurry go step by step first react, nextjs then react native

@programmingwithali Год назад

please create this application toturial step by step

@reactjsBD Год назад

Sure, I am planning to integrate it with dedicated backend setup.

@gmtube6552 Год назад

Can you make admin panel bro

@Haris-w3c Год назад

ur audiance target must be india and paksitan so make videos in hindi or urdu

@InnovixusTechnology 7 месяцев назад

Sir run ka code

@reactjsBD 7 месяцев назад

Hi @techmaster12959, run code is npm start.

@kumarm6617 5 месяцев назад

It is not responsive website

@bashar9743 3 месяца назад

Make it responsive by your self

@knowledgehooktv Год назад

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"

@phani2676 7 месяцев назад

Good evening sir, I want this project whole code explanation , I like this website awesome work thankyou

@reactjsBD 7 месяцев назад

Sure I am creating that and will notify you once done

@rahimibadov2940 10 месяцев назад

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

@emenikedaniel 10 месяцев назад

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

@rahimibadov2940 10 месяцев назад

@@emenikedaniel Thank, what about salary in your country?