ittus/vuejs-firebase-shopping-cart

Shopping cart demo using Vuejs and Firebase

vuejs-shopping-apps

A shopping cart with VueJS

Get Started

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run serve

Or use yarn

yarn install
yarn serve

You can use data in data/ folder to import to products node in your firebase app.

Features

This project implements basic shopping cart features:

• Login / Register
• Pull products list from API
• Add/Remove item to shopping cart

Technical details

• VueJS [^2.2.1]
• Bootstrap 4
• Firebase (auth and realtime database)

Demo

Checkout demo at Demo

Support

Contributing

As I use this for my own projects, I know this might not be the perfect approach for all the projects out there. If you have any ideas, just [open an issue][issues] and tell me what you think.

If you'd like to contribute, please fork the repository and make changes as you'd like. Pull requests are warmly welcome.

vuejs-firebase-shopping-cart's Issues

npm install failure

There are some error when i run a git clone of your repo and then followed by npm install.

Please include license

Hi,

This code base is really useful for people learning Vue.js, vuex and stuff. I'm using it as base for a demo with some PWA enhancement.

I would like to know the license applied for this repo so that I can inherit it from my side.

Thanks.

It doesn't retrieve products when user login again.

When we login & add products to cart. After logout & login it doesn't show products that are previously added in cart. How can we do that?

Funding this Open Source Shopping Cart

I love this Shopping cart because is clean, simple, minimalist , very fast... And hosting free

And of course I am not alone. There is a lot of people who think similar than me

We, the community, can thrive this and make this Vuejs+Firebase shopping cart better than shopify but for free

I believe code contributors must be paid in order to get this done :)

Are you with me?

I have 3 options to do this:

1. A group here https://salt.bountysource.com/

2. Post the project here: https://liberapay.com/
   both above may charge you more than 5%

3. Pay in bitcoin directly to any coder throug a Lightning Network
   This means zero cost transfer

Any comments?

Error

hello !!!
when including the export of the database I do not get the same as this one

how can i add cart and product

thanks

Firbase database structure

It'd be really helpful if you could post the setup of your firebase schema and rules. It'd help while migrating the data to our own firebase instances.

For example, I'm not sure what content goes in the cart.

Basically, I'm getting this weird error when I shift to my DB. This goes away if I shift back to the original DB.

Error in render: "TypeError: this.$store.getters.cartItemList.map is not a function"
and
TypeError: this.$store.getters.cartItemList.map is not a function

I tried manually creating a 'cart' object with cartval, besides the objects for products and transactions, but to no avail.

Problems connecting to firebase

Hi,
seems like connecting to firebase is not working for me. Can help me and list the steps I need to do? Would really appreciate and definitely send over some "coffee". :)

Best,
Marco

Storing products on client side vs querying

Is it optimal to store all products in (vuex) store?
In case of haveing huge shop, storing thunders/thousands of products is not so optimal in sense of clients memory comsumption. How about lazy loading of products, and querying products from server based on users criteria?

Npm run serve

I added my configuration starting with:
const firebaseConfig = {
}

to firebaseConfig.js
When
npm run serve
it shows the error:

This dependency was not found:

• firebase in ./src/config/firebaseConfig.js
  To install it, you can run: npm install --save firebase

npm install --save firebase does not help neither.

SPA blows URL path away on load so page reload doesn't work

Hi,

I built it for production and uploaded it to s3 3 times with some minor changes. I don't know if it's a vue-router issue or a webpack config issue.

Summary:
Go to URL: https://s3-ap-southeast-2.amazonaws.com/christopher.programming.bucket/second/index.html

SPA loads no probs but the address bar changes to https://s3-ap-southeast-2.amazonaws.com/

And page refresh doesn't work.

Cheers

Details:

Minor changes to index.html where the build.js script is src'd.

ORIGINAL
URL: https://s3-ap-southeast-2.amazonaws.com/christopher.programming.bucket/index.html

As it was originally

    <script src="/dist/build.js"></script>
  </body>
</html>

FIRST CHANGE
URL: https://s3-ap-southeast-2.amazonaws.com/christopher.programming.bucket/first/index.html

From

    <script src="/dist/build.js"></script>
  </body>
</html>

To

    <script src="build.js"></script>
  </body>
</html>

And uploaded the build.js files into same folder as index.html

/index.html
/build.js
/build.js.map

And this wipes away the URL bath back to the root (e.g. no bucket name in url)

SECOND CHANGE
URL: https://s3-ap-southeast-2.amazonaws.com/christopher.programming.bucket/second/index.html
From

    <script src="/dist/build.js"></script>
  </body>
</html>

To

    <script src="dist/build.js"></script>
  </body>
</html>

So files are

/index.html
/dist/build.js
/dist/build.js.map

URL disappears back to .........amazonaws.com

Database export

Hello, it is possible that you will provide the export json of the database

Potential Security Issue

👋 Hello, we've received a report for a potential critical severity security issue in your repository.

Next Steps

1️⃣ Visit https://huntr.dev/bounties/1-other-ittus/vuejs-firebase-shopping-cart for more advisory information.

2️⃣ Sign-up to validate or speak to the researcher for more assistance.

3️⃣ Propose a patch or outsource it to our community.

---

Confused or need more help?

• Join us on our Discord and a member of our team will be happy to help! 🤗

• Speak to a member of our team: @JamieSlome

---

This issue was automatically generated by huntr.dev - a bug bounty board for securing open source code.

Firebase

hello !!!
I have seen your project and I would like to know how you create the database in firebase or if you can pass it, I would love to continue developing this project.

greetings
thanks
it's a great job !!