• Introduction
• Full-stack Applications
  • E-commerce (shopping cart)
    • Server side implementations
    • Client side implementations
  • Blog/CMS
    • Server side implementations
    • Client side
      • The next come are
  • Simple CRUD(Create, Read, Update, Delete)
    • Server side implementations
    • Client side implementations
      • The next come are
  • CRUD + Pagination
    • Server side implementations
      • The next come are
    • Client side implementations
      • The next come are
• TODO
• Resources
  • Project setup
    • Compiles and hot-reloads for development
    • Compiles and minifies for production
    • Run your tests
    • Lints and fixes files

This shopping cart application is built using Vue + Vuex, it is supposed to work with any of these servers listed below. Be warned that while making this app I am using this Spring Boot Server so I strongly encourage you to use that as well, all the other servers worked from postman, but I don't know If they return in the response something called differently that this app can not read, so if this redux app does not work, that is the reason, just a typo in a response variable, let me know about any typos in any of the server apps and I will try to fix it.

• Spring Boot + Spring Data Hibernate
• Spring Boot + JAX-RS Jersey + Spring Data Hibernate
• Node Js + Sequelize
• Node Js + Bookshelf
• Node Js + Mongoose
• Python Django
• Flask
• Golang go gonic
• Ruby on Rails
• AspNet Core
• Laravel

The next to come are:

• Spring Boot + Spring Data Hibernate + Kotlin
• Spring Boot + Jax-RS Jersey + Hibernate + Kotlin
• Spring Boot + mybatis
• Spring Boot + mybatis + Kotlin
• Asp.Net Web Api v2
• Elixir
• Golang + Beego
• Golang + Iris
• Golang + Echo
• Golang + Mux
• Golang + Revel
• Golang + Kit
• Flask + Flask-Restful
• AspNetCore + NHibernate
• AspNetCore + Dapper

This client side E-commerce application is also implemented using other client side technologies:

• React Redux
• React
• Vue
• Vue + Vuex
• Angular

• Angular NgRx-Store
• Angular + Material
• React + Material
• React + Redux + Material
• Vue + Material
• Vue + Vuex + Material
• Ember

• Angular NgRx-Store
• Angular + Material
• React + Material
• React + Redux + Material
• Vue + Material
• Vue + Vuex + Material
• Ember
• Vanilla javascript

• Spring Boot + Spring Data + Jersey
• Spring Boot + Spring Data
• Spring Boot Reactive + Spring Data Reactive
• Go with Gin Gonic
• Laravel
• Rails + JBuilder
• Rails
• NodeJs Express + Sequelize
• NodeJs Express + Bookshelf
• NodeJs Express + Mongoose
• Python Django
• Python Django + Rest Framework
• Python Flask
• AspNet Core
• AspNet Web Api 2

• NodeJs Express + Knex
• Flask + Flask-Restful
• Laravel + Fractal
• Laravel + ApiResources
• Go with Mux
• AspNet Web Api 2
• Jersey
• Elixir

• Angular
• React-Redux
• React
• Vue + Vuex
• Vue

• Angular NgRx-Store
• Angular + Material
• React + Material
• React + Redux + Material
• Vue + Material
• Vue + Vuex + Material
• Ember
• Vanilla javascript

• After login or register redirect where the user was
• Guards
• It may be a good idea to separate the UsersService from a secrets service, to store the user and the tokens differently, this is how I did it at the beginning: UsersService manages user storage, JwtService manages token storage, then I removed this difference to keep it simple.
• [] ProductDetails retrieves the current product, change by async load instead.
• Fix the carousel behaviour
• Implement the fetch products by tag and by category name, if I try to reuse the ProductList.vue then it is a little tricky because the UI may not update, I have to write good code to handle that situation. The server side apps are implemented to return products by tag and by category.
• Restrict creation of products to admin
• Better Exception Handling

• Youtube Channel I publish videos mainly on programming
• Blog Sometimes I publish the source code there before Github
• Twitter I share tips on programming

• Vuex modules

npm install

npm run serve

npm run build

npm run test

npm run lint