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/jewerly_ecommerce_vue_vuex_vuerouter
Live Preview :https://jewerly-ecommerce-website.netlify.app/home

????‍???? Install vite & vuejs : https://vitejs.dev/guide/
????‍???? Install Tailwind CSS with Vue 3 and Vite :https://v2.tailwindcss.com/docs/guides/vue-3-vite

???? 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-carousel
vue3 marquee: https://www.npmjs.com/package/vue3-marquee
vue3 toastify: https://www.npmjs.com/package/vue3-toastify


☕ Support Channel: https://buymeacoffee.com/codepink

email : oualicode@gmail.com
Insta : oualicode
fiverr : https://www.fiverr.com/oulati0002
pinterest : https://www.pinterest.com/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