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

• Development : Create product info page
• Development : Add products to product page
• Development : Setup filters in Product Page using tags
• 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
• 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
• Development : Store all the orders use make and transactiond details
• Development : Create 404 Error page
• Development : Create logout success page
• Development : Create Customer checkout form for storing customer details
• Development : Load product page as per the option(gender) selected in NavBar
• Development : Display success alert when product added to cart.
• Development : Product suggestion section.
• 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
• Development : Store users recently viewed orders
• Development : Display Actual price and discounted price
• Development : Implement OAuth2 for login
• Fix : Banner image exceeds overlay on Home Screen
• 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.