Created by Josh Wardle and launched in October, Wordle gives players just six guesses to determine a five-letter word that changes every day.

lit-element

Creating the App scaffolding

requirements:

Node > v14

The first thing to do is to create the application along with the tools to build it. For that we are going to use open-wc generator .

All you need to do is run npm init @open-wc and follow the wizard to create an Application with all the commands to run a dev server or build the prod app.

$ npm init @open-wc
npx: installed 14 in 4.074s
        _.,,,,,,,,,._
     .d''           ``b.       Open Web Components Recommendations
   .p'      Open       `q.
 .d'    Web Components  `b.    Start or upgrade your web component project with
 .d'                     `b.   ease. All our recommendations at your fingertips.
 ::   .................   ::
 `p.                     .q'   See more details at https://open-wc.org/init/
  `p.    open-wc.org    .q'
   `b.     @openWc     .d'
     `q..            ..,'      Note: you can exit any time with Ctrl+C or Esc
        '',,,,,,,,,,''


? What would you like to do today? › - Use arrow-keys. Return to submit.
❯  Scaffold a new project
   Upgrade an existing project

Once the project is setup, run npm start and the app will appear in localhost:8000:

1 inputs bar data