How to make Checkbox Filter with Vue JS

This page summarizes the projects mentioned and recommended in the original post on

Our great sponsors
  • Scout APM - Truly a developer’s best friend
  • InfluxDB - Build time-series-based applications quickly and at scale.
  • Sonar - Write Clean JavaScript Code. Always.
  • Zigi - The context switching struggle is real
  • Vue-JS-checkbox-filtering

    A small Code Challenge based on filtering with checkboxes

    Click Here to view the Github repository containing all the code for this project. Click Here to view a preview of the this project working on codesandbox.

  • Font-Awesome

    The iconic SVG, font, and CSS toolkit

    Next you will need to install the icon packages that you want to use. for the free icon packages. the various icon packages can be found on the Font awesome website. i will be installing free solid, free regular and free brands icon packages

  • Scout APM

    Truly a developer’s best friend. Scout APM is great for developers who want to find and fix performance issues in their applications. With Scout, we'll take care of the bugs so you can focus on building great things 🚀.

  • vue-cli

    🛠️ webpack-based tooling for Vue.js Development

    Hello Guys, In this tutorial we will be making a simple checkbox filtering component in Vue JS and Bootstrap. i will also be using fontawesome to add a few icons. To follow along, you have to have a vue 3 project set up. if you do not have a vue JS project already set up, you can do so with the vue CLI

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts