Amazon Clone in React, Tailwind CSS & Redux [2024]

Подписаться 1,9 тыс.

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

50% 1

Want to learn React, Tailwind CSS and Redux? Look no further as we’re going to recreate Amazon’s website using the latest technologies
GitHub Repo: github.com/Jon...
Google Drive link to Assets: drive.google.c...
Here are some of the pages I visited throughout the video:
tailwindcss.co...
www.npmjs.com/...
heroicons.com/
redux.js.org/t...
01:04 Project Setup
12:10 Home Page
49:40 Nav Bar
01:06:15 Product Page
01:46:55 Search
02:44:17 Checkout
03:09:14 Outro

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

15 сен 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@muhajir-alworabe 8 месяцев назад

Great job! Please Finish the backend part soon....we are eager to hear from you🌞🌞🙏🏼

@tomyan2207 Год назад

Amazing job! Could you also build the backend one, I really like your teaching style, great done

@Jonathan.Davies Год назад

That’s very nice of to say Tom, working on the backend one now. Thanks for watching 👍

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

i first attempt to build a real world project with react .. i am learning a lot ..i love it

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

hi! i have never seen a better clone video. you are the bestttt, thank u

@Jonathan.Davies 9 месяцев назад

Thanks for watching

@ercydanny1678 Год назад

Amazing work mate! In the future, I would love to see how to add stripe for payment.

@harshvardhansinghshaktawat1979 Год назад

Please zoom-in more, so as to see code clear and bigger. BTW, love the video❤

@Jonathan.Davies Год назад

That’s a fair comment, will do in the future. Thanks for watching Harshvardhan 👍

@Viva-07 Год назад

totally agree...

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

truee

@MaorAviad Год назад

You are awesome! looking forward for the second part with the SQL !!

@Jonathan.Davies Год назад

That’s very kind of you to say. Thanks for watching 👍

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

Hey man ! Great Job posting this step by step frontend tutorial. Really Helpful. Can we have a similar tutorial on backend. It would give us the complete framework of the project. Thanks Again !

@khandoor7228 Год назад

This looks amazing!! Looks like a weekend project for sure!

@Jonathan.Davies Год назад

Thanks KhanDoor, nice of you to say 👍

@jovincebrillantes1042 Год назад

Clicked because I thought you were the frontman of Korn. Stayed and liked because it's actually a good content

@Jonathan.Davies Год назад

This made me laugh out loud 😂. Thanks for watching and liking Jovince 👊

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

Hey man ! really apricate your effort kindly Upload the Backend part also that would be great 🧑‍💻

@thierrymemel Год назад

Well done bro Keep it up making great tuto like this one, I really want to learn more from you brother. Continue in that way .. I just subscried after watching this amazing tutorial

@Jonathan.Davies Год назад

Thanks for watching and subscribing 👍

@niteshprajapat7918 Год назад

amazing one! Love to see more such projects! ✨✨

@Jonathan.Davies Год назад

Thanks Nitesh 👍

@belhajgoldenman Год назад

awesome looking forward to watching how you will do the back-end

@Jonathan.Davies Год назад

Thanks a lot Hassene. Love the trophy emoji too 🤣

@SAJIDALI-um3xz 3 месяца назад

One of the best ❤

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

great work ,sir👌

@SAJIDALI-um3xz 3 месяца назад

Love from India 🇮🇳

@quran_karem00 Год назад

شغل رائع ، ربنا يبارك فيك ويهديك

@Jonathan.Davies Год назад

Thanks for watching 🙏

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

36:59 Hi mate. How come you didn't just map over the data?

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

Hello sir, I am facing a problem when I add this to the GitHub repo and deploy it. I did not see any images. Can you help me?

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

Hey, Thanks a lot for the video! Amazing tutorial. Just wondering, is there a forum where we can ask questions related to this project? For some reason I'm having issues with the autoplay functionality.

@dastgirakhtar9782 Год назад

Code is not visible. Font size is very small.

@aradhya1574 Год назад

Hey i am facing problem in fetching product title from product.json. i followed your evry step still i got stuck. It couldn't show any error but when i clicked products, it only showing product is loading but not showing any other thing.

@Jonathan.Davies Год назад

That’s annoying. It sounds like the api call isn’t working properly. It’s hard to tell without seeing the code but sounds like something is off with either where data folder placed, useEffect or the apiCall. The repo on GitHub has the finished code so would be best to compare with that

@PraNihaal Год назад

It would be helpful for our project.

@wellington18m Год назад

Hello there, thanks for the content is really helpful. I have some questions. Do you have any nextjs porject or do you plan to make any in the future? And why do you preper redux over Recoil for stay management?

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

why not using React with vite?

@prashlovessamosa Год назад

Thanks

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

Done!! ❤❤❤

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

how to make risonsiv this website?

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

i know the html css and basics of javascript but not learn yet . so i wanna asked u that can i star see this vdeo coz i dont know react

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

Why You stop uploading this kind of video. we support you brother.

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

how did you handle the data (which DB used?). Could anyone tell what are all the technologies and tools used in this complete video ?

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

I'm having some errors with the carousel. Anybody help, please?

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

navigation and autoplay. it says swiper/css is not exported

@ogamer1519 Год назад

Thank you from india. Sir I am currently working has frontend developer intern and any advice for me. to be a good frontend developer And can AI replace frontend developers, my answer is no it wouldn't I would love to consider your opinion because you are experienced. Thank you so much

@dixit.piyush 10 месяцев назад

wishing that next time you zoomed a bit in screen even in my 15.6" laptop i can't see clearly. :/

@PraNihaal Год назад

upload more clones

@rabianaeem1333 Год назад

max-w-[] and min-w-[] are not working

@Jonathan.Davies Год назад

Check out the arbitrary values section of max width tailwindcss.com/docs/max-width This covers arbitrary values in general: tailwindcss.com/docs/adding-custom-styles#using-arbitrary-values

@javascriptexpanse Год назад

sweet, please do a udemy clone

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

Sir, where are you? Not active on RU-vid? RU-vid fam needs you 😁😁

@Jonathan.Davies 9 месяцев назад

Working on it bro, grateful for your comment. Life got busy 😂

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

@@Jonathan.Davies 😂😂😂

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

content is good but you included two sections in the video. One for code and and other one output. Please try to shift from one to another because it will increase the readability of code as OTHER RU-vidRS DO

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

totally agree