Crossword Puzzle Builder VueJS Application

Vue Crossword

A Vue.js based crossword puzzle builder and filler front-end application.


Features and ToDo

  • [x] Supports 2-31 symbols words lengths.
  • [x] Supports any grid size.
  • [x] Random symmetric grid generator.
  • [x] Automatic calculation of required to fill letter cells and clues numeration.
  • [x] Words suggestions from API depending on length and filled letters.
  • [x] Clues suggestions for filled words from API.
  • [x] Add different types of symmetry to grid generation.
  • [x] Add analyzer and smart corrector for generated grids (to control words length).
  • [x] Automatic generation of full filled crossword.
  • [ ] Make a print version.
  • [ ] User login (OAuth2).
  • [ ] Save built crosswords.
  • [ ] Add and save new words and clues.
  • [ ] Search within suggested words by added letters.
  • [ ] Search in clues of suggested words.
  • [ ] Add taxonomy for clues.
  • [ ] Improve the logic of API queries.
  • [ ] Fix mobile version.


  1. Find a grid with only white and black squares.
  2. Press Fill words.
  3. Press Auto fill.

There are a few simple rules:

  • Generated forms of vertical and horizontal questions allow you to fill cells inside them with letters.
  • Grid cells do not allow you to fill them with letters but you can edit a grid geometry by clicking on them.
  • You can change the size of a grid pressing the Change Size button which enables the size change mode. In this mode requests to the API are temporarily disabled and suggesting words would be updated on exit to the normal edit mode.
  • When word is filled, you could select the clue or enter your one. The cells of filled words are marked with a green color.

Build Setup

# install dependencies
npm i

# serve with hot reload at localhost:8080
npm run serve

# build for production with minification
npm run build

# lint project
npm run lint

Built With

  • VueJS - The Progressive JavaScript Framework.
  • CodeSandbox - The online code editor for …
  • Words API - Words API repository.


PR’s are appreciated.


  • Denis Efremov - Code|Idea - Piterden
  • mvrlin - Help with styles - mvrlin
  • kolay - Code|Improvements - kolay-v


This project is licensed under the MIT License - see the LICENSE file for details.

Download Details:

Author: Piterden


Source Code:

#vue #vuejs #javascript

Crossword Puzzle Builder VueJS Application
12.65 GEEK