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

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

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

Vue Crossword

Build Status awesome-vue

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

1547090130650

Demo

Russian Words DB Demo

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.
  • [ ] 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.
  • [ ] Automatic generation of full filled crossword.
  • [ ] Add analyzer and smart corrector for generated grids (to control words length).
  • [ ] Improve the logic of API queries.
  • [ ] Make a print version.
  • [ ] Fix mobile version.

Usage

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 dev

# build for production with minification
npm run build

Built With

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

Contributing

PR's are appreciated.

Authors

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

License

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

Github Repository

Tags: #VueJs #Games