#
Crosswords - Angular 13
#
Project summary
A simple crosswords game using Angular 13.
Best viewed on mobile phones.
How to play:
- Click on any box to select the word to fill in
- The starting position is always the first character box, even if you click on another box
- Boxes turn green if the input is correct, else they will turn red
- Enter the letters with the given characters. Characters may be repeated
- The game is won when all boxes are green
#
🌐 Page
#
Github repository
#
Setup guide
The setup and deploy guide is up to date with version 13.0.4
- Install Angular:
npm install -g @angular/cli
- Initialization:
ng new crosswords --directory ./
The --directory ./
flag is to initialize the Angular project in the current directory.
- Run Angular:
ng serve
#
Deploy to Github Pages
#
Prerequisites
- Go to Github Pages at
https://github.com/<github_user>/<repo>/settings/pages
. - Select
gh-pages
branch with/(root)
and save. - Install
angular-cli-pages
npm i angular-cli-ghpages --save-dev
#
Deployment
Run these commands:
ng build --prod --base-href https://<github_user>.github.io/<repo>/
npx angular-cli-ghpages --dir=dist/<repo>