Vuecommerce

This is a simple e-commerce website built with Vue.js and Firebase.

It is a work in progress. I will add more features and improve the code quality as i can.

Project setup

npm install

Firebase configuration

Create a new Firebase project and add a web app to it. Copy the .env.example file and save it as .env. Then the Firebase configuration and paste it to .env file on the root of the project. (You can find the Firebase configuration in the Firebase console under the project settings.)

VUE_APP_FIREBASE_API_KEY=
VUE_APP_FIREBASE_AUTH_DOMAIN=
VUE_APP_FIREBASE_PROJECT_ID=
VUE_APP_FIREBASE_STORAGE_BUCKET=
VUE_APP_FIREBASE_MESSAGING_SENDER_ID=
VUE_APP_FIREBASE_APP_ID=

Compiles and hot-reloads for development

npm run serve

Features

• User authentication
• User registration
• User profile
• Product listing
• Product details
• Cart
• Checkout
• Order history
• Admin panel
• Product management
• User management
• Order management
• Payment System (Shopier - Iyzico)
• SEO

Technologies

• Vue.js
• Pinia (Vue.js state management)
• Firebase
• Tailwind CSS
• DaisyUI (Tailwind CSS components)
• maska (Input masking)
• intus (Form validation)
• VueUse (Vue.js utilities)
• Vue Router