Building a Wordle helper with Vue.js 3.0

• wordle-list

  5 145 0.0

  List of possible wordle words

First we need the dataset with all the words from Wordle. After 3 intense seconds on the browser I found this repo. Let's define a function to fetch the words, also let's extract this function to it's own file just to remove some unncesessary logic from the main file and keep things simple.

• vue-virtual-scroller

  8 9,061 4.1 Vue

  ⚡️ Blazing fast scrolling for any amount of data

To fix this, we can opt for using a Virtual Scroller (luckly for us there is one for Vue 3.0) this will keep our page for rendering so many HTML tags and it will create a smooth and clean experience for our users.

• InfluxDB

  www.influxdata.com sponsored

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• wordler

  1 1 10.0 Vue

View on GitHub

• core

  283 44,581 9.8 TypeScript

  🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web. (by vuejs)

  

Howdy, stranger🤠. How you doin'? I'm in the process of learning Vue.js and as an easy project to get started with the main concepts I'll be building a Wordle helper. So... since you are here, you might as well stick around and take this as an introductory article to Vue or as a project idea if you will 😁.

Suggest a related project