- Angular 1.6.6
- Angular Router
- Open Weather Map API
- The Movie DB API
- Bootstrap 4
- All minified files downloaded and saved in scripts folder
- Folder structure based on file types
Hangman is a simple game created using AngularJS. The goal of this game is to guess a word within 6 chances one letter at a time. Every wrong guess decreases the counter by 1 while every correct guess reveals the position of that letter in the word (even if it appears multiple times). Submitting the same letter again will not affect the game. Some key points:
This is a very basic example of parent and child communication in AngularJS using Broadcast and Emit.
The parent element’s controller talks to the child element’s controller using $broadcast while the child element’s controller talks to the parent element’s controller using $emit.
This is a simple application created using AngularJS 1.x for demonstrating the usage of UI Router. For demo purposes, a combination of nested states, named views, direct integration using ‘template’ as well as separate file using ‘templateUrl’ has all been used. Not much attention has been given to styling and hence Bootstrap has been used to make the job easier. Also, AngularJS has been imported using CDN.
This site was created using Adobe CC 2017 versions of Dreamweaver and Photoshop and has the following features:
How the site looks on desktops:
The number of images in the carousel changes when viewed on tablets:
The number of images in the carousel changes when viewed on mobile phones and the tabs also change into accordion: