Building an E-Commerce Website with Vite,Vuejs 3 , Vuex, Vue Router, tailwindcss
Complete Step-by-Step Guide to Building a Jewelry E-Commerce Website with Vite,Vue.js 3 , Vuex, Vue Router and tailwind css
Source Code: https://github.com/codepinkOuali/jewe...
Live Preview :https://jewerly-ecommerce-website.net...
👨💻 Install vite & vuejs : https://vitejs.dev/guide/
👨💻 Install Tailwind CSS with Vue 3 and Vite :https://v2.tailwindcss.com/docs/guide...
📁 install packages
vuex : https://www.npmjs.com/package/vuex
vue router : https://www.npmjs.com/package/vue-router
aos:https: https://www.npmjs.com/package/aos
bootstrap icons : https://icons.getbootstrap.com/
vue3 carousel: https://www.npmjs.com/package/vue3-ca...
vue3 marquee: https://www.npmjs.com/package/vue3-ma...
vue3 toastify: https://www.npmjs.com/package/vue3-to...
☕ Support Channel: https://buymeacoffee.com/oualicode
🌎 Find Me Here :
email : [email protected]
Insta : / oualicode
fiverr : https://www.fiverr.com/oulati0002
pinterest : / oualicode
Timestamps:
00:00 Intro
02:29 Installation
04:31 Install required packages
06:31 Set up Project
10:03 Loading Spinner
13:34 Navbar Section
25:42 Hero Section
32:21 Collection
39:58 Set up Vuex for State Management
43:48 Product Card
49:21 Exclusive Products Section
56:53 Best Sellers Section
57:45 Our Location Section
1:00:09 Best Gifts Section
1:02:41 Contact Section
1:08:39 Footer
1:09:49 Back to top button
1:12:26 Product details Page
#JewelryEcommerce #Vuejs #Vuex #VueRouter #VueEcommerce #JewelryWebsite #EcommerceWebsite #StateManagement #VuejsTutorial #VuexStateManagement #FrontendDevelopment #VuejsEcommerce #VueRouterTutorial #JavaScript #JavaScriptFramework #WebDevelopment #VueProject #EcommerceDevelopment #OnlineStore #VuejsBeginner #VuejsAdvanced #VueTutorial #VueStore #jewelryshopdesign