Master Full-Stack Development in 2024:⚡Amazon Clone with React, Next.js, Stripe, Tailwind @CodeKing6
🚀Explore FullStack mastery with ReactJS, Next.js v14, Stripe payment integration, Redux, Tailwind CSS, and Google authentication. Join us on this epic coding journey to build an Ecommerce Website: Amazon Clone in 2024!
🎓Throughout this detailed tutorial, we'll dive into:
👉🏻 Implementing NextAuth for seamless login/logout and Google authentication
👉🏻 Leveraging the power Redux for a robust backend
👉🏻 Integrating Stripe for secure and convenient payment processing
👉🏻 Crafting stunning, responsive designs with Tailwind CSS
👉🏻 Adding advanced features like wishlists and cart management to enhance user experience
👉🏻 Exploring creative design techniques, including the use of erasers for a polished interface
👉🏻 Deploying our creation effortlessly on Vercel for global accessibility
👨💻By Govardhan Vaddi
Explore web development with Govardhan! Subscribe to @CodeKing6
- LinkedIn: https://www.linkedin.com/in/govardhan-vaddi
- YouTube: https://www.youtube.com/@UCwnqhiTm20asyWsGrn5fSEg
🗒️Source Code: https://github.com/govardhan666/amazon_clone_MERN_Stack
📱Required software and documentation Links:
Next JS : https://nextjs.org/docs
Stripe: https://stripe.com/in
Redux Toolkit: https://redux-toolkit.js.org/introduction/getting-started
Auth JS: https://authjs.dev/getting-started/installation
React Icons: https://react-icons.github.io/react-icons/
🔶YouTube Tutorial to setup Git: https://www.youtube.com/watch?v=k59V-pm303U
👨💻Connect with Bharat Intern:
- LinkedIn: https://www.linkedin.com/company/bharat-intern
- Telegram: https://t.me/bharatintern
- Website: https://bharatintern.live
- Gmail: contact.bharatintern@gmail.com
🕐 TIMESTAMPS:
00:00:00 - Introduction
00:07:20 - Designing using eraser
00:21:40 - Setting up Next App for Amazon Clone
00:25:43 - Header Component
01:08:54 - Header Bottom
01:18:54 - Footer Component
01:33:30 - Root Layout
01:42:05 - Setting up Banner Slides
02:08:35 - Displaying Products on our website
02:39:10 - Store with Redux Toolkit
02:57:56 - Saving products in Local Storage
03:29:37 - Cart Page
04:39:41 - Sign In with Google Provider
05:29:52 - Stripe payment Implementation
06:06:48 - Deployment
06:19:20 - Project deployed
🚀Hashtags:
#amazon #clone #tailwindcss #redux #stripe #paymentgateway #WebDevelopment #FullStack #MERN #ReactJS #NextJS #Git #Coding #Programming #JavaScript #NodeJS #ExpressJS #MongoDB #HTML #CSS #Frontend #Backend #API #WebDesign #WebDev #ReactNative #GraphQL #TypeScript #NPM #VSCode #GitHub #OpenSource #SoftwareDevelopment #CodingTutorial #LearnToCode #Tech #Developer #CodeNewbie #CodingLife #WebApp #ResponsiveDesign #Code #WebDevelopmentTutorial #DeveloperCommunity #FullStackDeveloper #LearnWebDevelopment #ProgrammingTutorials #TechTutorial #WebDeveloper #JavaScriptDeveloper #ReactDeveloper
Видео Master Full-Stack Development in 2024:⚡Amazon Clone with React, Next.js, Stripe, Tailwind @CodeKing6 канала Bharat Intern
🎓Throughout this detailed tutorial, we'll dive into:
👉🏻 Implementing NextAuth for seamless login/logout and Google authentication
👉🏻 Leveraging the power Redux for a robust backend
👉🏻 Integrating Stripe for secure and convenient payment processing
👉🏻 Crafting stunning, responsive designs with Tailwind CSS
👉🏻 Adding advanced features like wishlists and cart management to enhance user experience
👉🏻 Exploring creative design techniques, including the use of erasers for a polished interface
👉🏻 Deploying our creation effortlessly on Vercel for global accessibility
👨💻By Govardhan Vaddi
Explore web development with Govardhan! Subscribe to @CodeKing6
- LinkedIn: https://www.linkedin.com/in/govardhan-vaddi
- YouTube: https://www.youtube.com/@UCwnqhiTm20asyWsGrn5fSEg
🗒️Source Code: https://github.com/govardhan666/amazon_clone_MERN_Stack
📱Required software and documentation Links:
Next JS : https://nextjs.org/docs
Stripe: https://stripe.com/in
Redux Toolkit: https://redux-toolkit.js.org/introduction/getting-started
Auth JS: https://authjs.dev/getting-started/installation
React Icons: https://react-icons.github.io/react-icons/
🔶YouTube Tutorial to setup Git: https://www.youtube.com/watch?v=k59V-pm303U
👨💻Connect with Bharat Intern:
- LinkedIn: https://www.linkedin.com/company/bharat-intern
- Telegram: https://t.me/bharatintern
- Website: https://bharatintern.live
- Gmail: contact.bharatintern@gmail.com
🕐 TIMESTAMPS:
00:00:00 - Introduction
00:07:20 - Designing using eraser
00:21:40 - Setting up Next App for Amazon Clone
00:25:43 - Header Component
01:08:54 - Header Bottom
01:18:54 - Footer Component
01:33:30 - Root Layout
01:42:05 - Setting up Banner Slides
02:08:35 - Displaying Products on our website
02:39:10 - Store with Redux Toolkit
02:57:56 - Saving products in Local Storage
03:29:37 - Cart Page
04:39:41 - Sign In with Google Provider
05:29:52 - Stripe payment Implementation
06:06:48 - Deployment
06:19:20 - Project deployed
🚀Hashtags:
#amazon #clone #tailwindcss #redux #stripe #paymentgateway #WebDevelopment #FullStack #MERN #ReactJS #NextJS #Git #Coding #Programming #JavaScript #NodeJS #ExpressJS #MongoDB #HTML #CSS #Frontend #Backend #API #WebDesign #WebDev #ReactNative #GraphQL #TypeScript #NPM #VSCode #GitHub #OpenSource #SoftwareDevelopment #CodingTutorial #LearnToCode #Tech #Developer #CodeNewbie #CodingLife #WebApp #ResponsiveDesign #Code #WebDevelopmentTutorial #DeveloperCommunity #FullStackDeveloper #LearnWebDevelopment #ProgrammingTutorials #TechTutorial #WebDeveloper #JavaScriptDeveloper #ReactDeveloper
Видео Master Full-Stack Development in 2024:⚡Amazon Clone with React, Next.js, Stripe, Tailwind @CodeKing6 канала Bharat Intern
Learn Coding Web Dev Tutorials Full Stack Projects App Dev Guides Machine Learning Basics Data Science Tutorials AI for Beginners Python for Web Dev JavaScript Projects React JS Course Node JS for Beginners Django Full Course Flask Web App HTML CSS JavaScript Projects Responsive Web Design MERN Stack Tutorial Frontend vs Backend Cloud Deployment Web Dev Crash Course React Native Apps Advanced JavaScript API Development Guide GitHub for Beginners
Комментарии отсутствуют
Информация о видео
9 июня 2024 г. 5:41:53
06:22:04
Другие видео канала