https://github.com/vit718/ecommerce_vue
Simple e-commerce website built with Vue.js and Firebase
https://github.com/vit718/ecommerce_vue
ecommerce firebase firebase-auth tailwindcss vuejs
Last synced: about 2 months ago
JSON representation
Simple e-commerce website built with Vue.js and Firebase
- Host: GitHub
- URL: https://github.com/vit718/ecommerce_vue
- Owner: vit718
- Created: 2024-09-10T13:28:35.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-09-10T13:36:12.000Z (almost 2 years ago)
- Last Synced: 2025-09-01T08:02:40.463Z (10 months ago)
- Topics: ecommerce, firebase, firebase-auth, tailwindcss, vuejs
- Language: HTML
- Homepage: https://vuecommerce-sooty.vercel.app/
- Size: 5.52 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- 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")