https://github.com/afsakar/vuecommerce
Simple e-commerce website built with Vue.js and Firebase
https://github.com/afsakar/vuecommerce
ecommerce firebase firebase-auth firestore pinia tailwindcss vuejs
Last synced: 9 months ago
JSON representation
Simple e-commerce website built with Vue.js and Firebase
- Host: GitHub
- URL: https://github.com/afsakar/vuecommerce
- Owner: afsakar
- Created: 2023-05-25T19:57:07.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-06-21T07:24:00.000Z (about 3 years ago)
- Last Synced: 2025-04-22T04:42:09.552Z (about 1 year ago)
- Topics: ecommerce, firebase, firebase-auth, firestore, pinia, tailwindcss, vuejs
- Language: HTML
- Homepage: https://vuecommerce-sooty.vercel.app
- Size: 5.52 MB
- Stars: 4
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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
```bash
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
```bash
npm run serve
```
## Features
- [x] User authentication
- [x] User registration
- [x] User profile
- [x] Product listing
- [x] Product details
- [x] Cart
- [x] Checkout
- [ ] Order history
- [ ] Admin panel
- [ ] Product management
- [ ] User management
- [ ] Order management
- [ ] Payment System (Shopier - Iyzico)
- [ ] SEO
## Technologies
- [Vue.js](https://vuejs.org/ "Vue.js")
- [Pinia (Vue.js state management)](https://pinia.vuejs.org/ "Pinia")
- [Firebase](https://firebase.google.com/ "Firebase")
- [Tailwind CSS](https://tailwindcss.com/ "Tailwind CSS")
- [DaisyUI (Tailwind CSS components)](https://daisyui.com/ "DaisyUI")
- [maska (Input masking)](https://github.com/beholdr/maska, "maska")
- [intus (Form validation)](https://github.com/druc/intus, "intus")
- [VueUse (Vue.js utilities)](https://vueuse.org/ "VueUse")
- [Vue Router](https://router.vuejs.org/ "Vue Router")