Скачать или смотреть Create an E-commerce website with Redux toolkit and Stripe Payment using React JS | Beginner Project

GitHub Code (feel free to give it a star ⭐): https://github.com/sunil9813/Treaco-E...

Install the following packages

0. Create a project with vite
// optional if not installed type it otherwise skip
npm create vite@latest

npm create vite@latest YOUR_FOLDER_NAME -- --template
cd YOUR_FOLDER_NAME

npm install
npm run dev

1. Redux toolkit
npm install @reduxjs/toolkit
npm install react-redux

2. Icons
npm install react-icons --save

3. Slider
npm install react-slick --save
npm install slick-carousel --save

// Also add this in the slider import file to make custome slider or change
import "slick-carousel/slick/slick.css";
import "slick-carousel/slick/slick-theme.css";

4. Stripe for payments
npm i react-stripe-checkout

5. Router
npm i react-router-dom

If any error is encountered please check the package version and try again
"@reduxjs/toolkit": "^2.4.0",
"react": "^18.3.1",
"react-dom": "^18.3.1",
"react-icons": "^5.3.0",
"react-redux": "^9.1.2",
"react-router-dom": "^7.0.1",
"react-slick": "^0.30.2",
"react-stripe-checkout": "^2.6.3",
"sass": "^1.81.0",
"slick-carousel": "^1.8.1"

◼️ Like, Follow & Subscribe Us:
🔵 Facebook Page: GorkCoder
📸 Instagram: GorkCoder
💻 GitHub: Sunil9813

🚀 Subscribe Now:
👉 Hit the Subscribe button and turn on the notification bell 🔔 to stay updated on our latest tutorials and project series!

❤️ Like, Share & Comment: Let us know what you think, and help us improve with your feedback!

👨‍💻 Learn with GorkCoder
Welcome to our channel "GorkCoder." My mission is to help you learn website development, blogging, and other technical skills through comprehensive tutorials and hands-on project series. Whether you're a beginner or an experienced developer, our content is designed to help you level up your skills and build amazing projects.

#GorkCoder#ecommerce #html #css #webdesign #htmlcssdesign #frontend #ecommerce
#website#reactjs#reactjswebsite#reactwebsite#reactjswebsiteforbeginner #fullstackdevelopment #reactjs #nodejs #mongodb #expressjs #reduxtoolkit #BiddingApp #webdevelopment #javascript #programmingtutorial #codewithmehnaz #developer #codingjourney #techtutorial #webappdevelopment #softwareengineering #frontend #backend #mernstack #techeducation #mernproject #nextjs #next #mongodb #mean