Technical Project v1 – Scrawlr

Upvote component built with Vue 3, Vite, and Vuex

View Demo

About The Project

Upvote component screen shot

The objective of this project is to build an Upvote component where the two states (selected and non-selected) are controlled globally using Vuex-store. Upvote items(up icon) can be added by clicking the plus icon, and the component itself can be clicked to toggle the state of being selected and change colour.

Built With

Getting Started


  • npm
    npm install npm@latest -g


  1. Clone the repo
    git clone
  2. Install NPM packages
    npm install
  3. Start the development
    npm run dev


View Github