https://github.com/nishchay7pixels/ecommerce_vue
Its a sample ecommerce application built using vue.js and firebase.
https://github.com/nishchay7pixels/ecommerce_vue
ecommerce firebase hacktoberfest2021 vue
Last synced: 15 days ago
JSON representation
Its a sample ecommerce application built using vue.js and firebase.
- Host: GitHub
- URL: https://github.com/nishchay7pixels/ecommerce_vue
- Owner: nishchay7pixels
- License: mit
- Created: 2021-05-30T18:11:31.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2021-10-04T17:14:53.000Z (over 4 years ago)
- Last Synced: 2024-05-01T21:09:25.743Z (about 2 years ago)
- Topics: ecommerce, firebase, hacktoberfest2021, vue
- Language: Vue
- Homepage: https://shopin-io.herokuapp.com/home
- Size: 14.6 MB
- Stars: 3
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
Ecommerce
Its a sample ecommerce application built using vue.js and firebase.
Technologies used:
Vue.js
|
Vuex
|
Firebase
|
Node.js
|
MondoDB
|
Heroku
|
Bootstrap
|
Fontawesome
|
vue-cli
|
PayU
## Introduction
I am building a fullscale ecommerce application which can be used by business (small/large) to develop and launch their own online store.
The aim is to build it in a developer friendly manner with everything ready, packed and set for developers to modify and use.
## My Mission
To create a safe and easy way to build an online ecommerce store.
## To-do
- [X] Development : Create product info page
- [X] Development : Add products to product page
- [X] Development : Setup filters in Product Page using tags
- [X] Development : Develop Brands-Section for Homepage to display all available/partner brands
- [ ] Development : Develop Brands Products page to show all products for a brand and respective filters
- [ ] Development : Develop a Brand page to display all brands and respective offers
- [X] Development : Develop add to wishlist functionality
- [ ] Development : Develop an offer section in Home page
- [ ] Development : Develop Footer component
- [ ] Development : Setup checkout and payments using PayU gateway
- [ ] Development : on Checkoutpage fetch actual product information from db and compare against cart items to see if product is still available and current price. if anything comes up handle and prompt user about it.
- [ ] Development - on place order page confirm total price of existing cart items with the price available in db. consider prices from db as final.
- [ ] Development : Create Admin/Orders component to display current orders
- [X] Development : Store all the orders use make and transactiond details
- [X] Development : Create 404 Error page
- [X] Development : Create logout success page
- [X] Development : Create Customer checkout form for storing customer details
- [ ] Development : Load product page as per the option(gender) selected in NavBar
- [X] Development : Display success alert when product added to cart.
- [ ] Development : Product suggestion section.
- [X] Development : User profile screens and sign-in functionality for user
- [ ] Development : Allow user to edit her information including address information and also rest or change password from profile settings
- [X] Development : Store users recently viewed orders
- [X] Development : Display Actual price and discounted price
- [ ] Development : Implement OAuth2 for login
- [X] Fix : Banner image exceeds overlay on Home Screen
- [X] Fix : Checkout screen alignment in mobile view
- [ ] ReadMe : Add firebase setup steps in readme
## Project setup
### Firebase setup
Note - Refer https://medium.com/@anas.mammeri/vue-2-firebase-how-to-build-a-vue-app-with-firebase-authentication-system-in-15-minutes-fdce6f289c3c for firebase vue integration.
### Vue.js Project Setup
```
npm install
```
### Compiles and hot-reloads for development
```
npm run serve
```
### Compiles and minifies for production
```
npm run build
```
### Lints and fixes files
```
npm run lint
```
### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).