# Hashnode Hackathon powered by Vercel

In this article I am going to say about the build process of my application that I created for Hashnode Hackthon powered by vercel. I created my application with the Vue.js. I give it a name as H&V shop as it is Hashnode as Vercel. 

This is the link of my project that I deployed in vercel. 
 [hackthon](https://hackathon-five.vercel.app/products) 


It's initial look is this. 

![1.PNG](https://cdn.hashnode.com/res/hashnode/image/upload/v1612363611779/f7liaoSme.png)

you can add products to the cart. Then the badge change like that


![2.PNG](https://cdn.hashnode.com/res/hashnode/image/upload/v1612363731798/_-qLndXZH.png)

This is the cart page

![3.PNG](https://cdn.hashnode.com/res/hashnode/image/upload/v1612363769185/MdXg-FHa7.png)

Then you can be login to go to tha admin page to add new products


![4.PNG](https://cdn.hashnode.com/res/hashnode/image/upload/v1612363815444/3z7NJ_YmW.png)

I use vue router and vuex for state management. This is my simple project.

Thank you @hashnode and @vercel