Build and Deploy Modern Nike Store ECommerce React js Web App | Tailwind Css | Redux Toolkit

Build and Deploy Modern Nike Store ECommerce React js Web App with Tailwind Css, Redux Toolkit, React Redux and VERCEL 🚀🚀.
😎 React js has become the most popular and advanced technology in the World. By building this Modern Nike Store ECommerce React js Web App. You will able to hack ECommerce Store Complex Logics. However, We are using Redux Toolkit and React Redux for State Management System. And I believe! after watching this crash course, you can Develop and Deploy any Web App that you can imagine.
Subscribe if you wants to become a Highly Paid JavaScript Developer in this modern world.
Smash the Subscribe Button | Hit the Bell Icon | Comment If you have any query. Email is given below | Share With Your Friends
📣🚨: All Assets Can Download By That Link:
drive.google.c...
🚨📢 GitHub Link:
github.com/jss...
👨‍💻 To build this, here is what you need to install 👇
👉 NodeJS
👉 VSCode (Or any other editor as you wants)
👉 Fast Web Browser (Chrome, Firefox, Brave, Opera, Safari)
👉 Vercel (Setup Vercel Account)
✈ Github (Setup Github Account)
👉 Cold Coffee
👉 Build and Deploy Web Apps Mind 😍🥰
👀 👉 Follow Me on:
📣🚨 Fiverr: mra406
📣🚨 Email: [e-mail]
📣🚨 Instagram: @jsstackdevelopers
📣🚨 Twitter: @ahmed_jsstack
📣🚨 Facebook: @ahmeddevelopers
📣🚨 LinkedIN: Muhammad Ahmed
✌keywords to search this jsstack platform!
#jsstack | #jsstackdevelopers | #reactjs | #vercel | #vitejs | #javascriptstack | #javascript | #ahmedjs | #travelagency | #webapp | #website | #tailwindcss | #nodejs | #github #vscode #vercel #jsstack

[@eliasvedovato7516]

underrated channel here so far, thanks man

[@topcreative9230]

hello sir this was so awesome i learned a lot Please implement checkout and payment as soon as possible

[@mattmcgovern3484]

This was an amazing tutorial my friend. Thank you thank you thank you!! You are a gifted instructor - was easily to follow along all the way through. Would love to see the checkout page added but if not I will try to do it myself 🙂

[@ajsliv5650]

Oh bro! You are extra ordinary! I can't believe real quality content is free here.

[@loverphp5605]

you are very professional keep going i am your fan

[@tarcisiosassi9379]

Really nice job sr. Thank you for share!!

[@promax-ui2sx]

masha Allah, realy quality tutorial. god bless you Dude

[@ramromanxey1295]

We Want More Videos Like This

[@frostyfreezemovies]

Wow sir tq ❤️ for this bring more like this using redux toolkit ✌️

[@moszaa010274]

Very nice brother. You are amazing!!!

[@AbdElrhamnJabr]

Thank for this Great tutorial you are a great person it was really useful 😍😍😍

[@educationalcomplexandmotiv4968]

Hi Ahmad! me Ali from Pakistan. Ahmad, please upload the second part of this video. This is so helpful for me. Thanks.

[@shahidrandhawa3652]

good to see your content .

[@programmingwithali]

thank you bro your toturials video is so grate thanks

[@sumonhossain889]

Good job, want to next video

[@shahhussain56]

Sir please make a Grocery app react project with amazing ui like this. This is amazing.

[@Antonio-nn2kq]

Perfect video! Thank u so much.

[@Zoker_Nguyen]

Awsome!! I learnt alot from your tutorial. Keep up good work bro. Btw, what was the tool you used to show the element's structure on screen?

[@ramgurung6994]

excuse me sir!! Your design is great!! Did you design it by yourself. I too wanna create design like this. I know coding stuffs but stuck in designing my own site, any recommendations

[@ahmedjs]

Yes, thanks

[@kharommy546]

amazing content!! keep going sir

[@fantasticfrontend]

a subscribe from me, you deserve this

[@josephomotade864]

Bro pls do more blockchain content? Nice project right here

[@Shahidulidseacademy]

thanks a lot for real quality content

[@technoinfoworldwide2329]

Also please make pern (sequelize) stack beginner ecommerce or any large project.Subscribed

[@dimasnytin]

Greatly project🤩🤩🤩

[@ahmedjs]

I think so too!

[@saitej4256]

Bro please implement checkout button in this website .

[@andriyabu]

Thank you sir. awesome.

[@Sharkoftheocean01]

Nice experience I learned!

[@mvyoeonemvone]

amazing //it works 100% // backend plzz

[@iversooon]

Bro, beautiful design. But I don't understand why you use toast in reducers. It's side effect. Redux documentation says that it's bad.

[@ahmedjs]

Redux is an immuate library. So, we can use it don't worry!

[@mehdielhasra915]

We want more projects from you

[@jadaru4590]

Could you tell me what icon pack you use in your vscode?

[@ahmedjs]

materi icon for vscode

[@jadaru4590]

@@ahmedjs Bro is that when you create the Store.js file you get an icon and I already installed your package but that same icon does not appear in Store.js what could it be?

[@LinhNguyen-gx5fb]

although not too much functionality, but i have gained some great css skills

[@ahmedjs]

Don't worry! stay tuned for fully functional e-commerce web application MERN STACK crash course this December is releasing

[@niteshprajapat7918]

Thank you Sir ❤️🔥

[@shayan7914]

Doubt!!! please reply... In react js, i created a div containing a sample text and a input (type number). What i want is 👉 If i type a number in the input. I want that number to be the font size of the sample text. And also If i select some portion of that sample text and type a number in the input. I want the number to be the font size of that selected portion of the sample text. How will I do that?? Plzz reply 🙏🙏🙏

[@ahmedjs]

Its very simple. You have to define a hook useState then loop through your state by useEffect or Callback or useMemo as you wants. You have a lot of choices. Then simple keep change fontsize.

[@bahmed1372]

Sir can i use this design in commercial use ?

[@ahmedjs]

affcourse

[@programmer545]

Please bring MERN project.. 🥰🥰

[@kiprotichMaritim]

nice one man

[@rabiamaqbool6573]

Good👍

[@ahmedjs]

Thanks! I really appropriated!

[@albertenrique6633]

checkout????????????????????????? when dude!!!

[@romytooken6991]

👍 agar theme plugin update na kare to website par problem to nahin ATI Kai bar content change ho jata hai . gpl theme aisa kar sakte hai bina update ke .

[@Blenberg]

Could you help me to find out how add multiple files for product, please

[@synt-x6458]

amazing

[@sumanthprabhu11]

Please implement checkout and payment functionality (Razorpay)

[@muhammadahmed7833]

I think its only available in india!

[@eternity_seeker]

Hello, I have only 3 products in Popular sales but it is showing 4, and 12 products in Top rated Sales But it is showing 13, the two extra products are not images, just shoping bag dollar sign and img alternative, i can't find any sollution please anyone can help?

[@ahmedjs]

inbox at: [e-mail] Best Regards! Ahmedjs.

[@akhandBharat_24]

Add checkout functionality

[@ahmedjs]

Video is uploading this next weekend stay tuned... We will develop new project.

[@tehhongpiowhoward6921]

Hi, may I ask what is the difference between between vite and react? I saw the title is using react js but the file setup is using vite. Can someone explain to me? I'm new to react

[@ravindrayadav1504]

Vite is faster than react, no more difference

[@codeAllTheTime]

where is the checkout?

[@ThanHtutZaw3]

2:28:34 Bro I like that tool . What it is

[@ahmedjs]

Epic Pen

[@markjak5031]

💙💙💙💙💙💙💙💙

[@DerrickWashington]

what extension did you use to change the color of your divs?

[@ahmedjs]

github theme

[@bodrulhuda-us5rg]

Brother in this project you design the Tailwind ( className="w-36 lg:w-28") like this but when i am trying it's not working because Tailwind is a mobile first approach. Is there any solution to avoid the mobile first approach?

[@ahmedjs]

you are doing wrong~ add media query breakpoints in tailwindcss config. These custom breakpoints will works.

[@ramromanxey1295]

custom breakpoints and this method is called "Max-width breakpoints"

[@ankrahsolomon8777]

Amazing Tutorial - -

[@businessuser5146]

paid course?

[@spirit4860]

5:21 how to shange react

[@MaryamKhan-nn5gh]

kia is ko backend or data base se bi connect krwaya hai ??????????????

[@ahmedjs]

Paid course will be available from Jan 2023

[@nabindahal2340]

Is this just fronted ?

[@ahmedjs]

yes! but if you wants more: let join my on-demand sessions. mail at: [e-mail]

[@Nlb94]

Hello guy, you made good job, but don't forget to format your code or it will be unreadable

[@ahmedjs]

thanks!

[@Nlb94]

@@ahmedjs np, I recommend you to divide your videos in parts (into the same video) e.g Adding popular products listing from 3:20 to 8:40 etc...

[@iamakashkumarram]

In xl screen the hero Background not shown, how to solve it please reply

[@ahmedjs]

set height to h-screen at xl.. screens

[@iamakashkumarram]

@@ahmedjs xl screen problem solve because of you but when i use full screen then the background not shown

[@iamakashkumarram]

Sir i set 2xl screen on Tailwind config and the problem is solve

[@iamakashkumarram]

Sir please check Instagram Dm

[@rio8924]

can u pls use normal css or scss from next time it ll be better to understand and really loved the explanation

[@ahmedjs]

ok!

[@VivekChavan-ov3pl]

2:35:00

[@makaimakai9119]

What's happening here, copied three lines pasted hundred, how??? kzbin.info/www/bejne/h5_cnIh7pqaJpcU

[@makaimakai9119]

Github index.css has 80 lines, the video has 92 lines... 😑

[@ahmedjs]

Everything is very cleared to you! Then what's problem is.

[@ahmedjs]

@@makaimakai9119 Its not matter. Everything is clear explained in that course.

[@mandeepsng]

redux time stamp kzbin.infoUgkxre-uwCXoQ5wbSf2i0szaNXyokVOpFFoK

[@milappeeeey]

null

[@iamakashkumarram]

Sir check your Instagram Dm,i am facing some error kindly solve this error,

[@iamakashkumarram]

Sir i am facing issue in this app,i send you a pic of a error, check your Instagram Dm and solve my problem.

[@flickboi2322]

Sir please check Instagram DM, I have an error while making this site.