- 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 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:
Some features of this website include:
After centering the Google Map to a geographical area and entering some terms, such as “Indian Restaurant”, the application will find the best matches (eg, the best Indian restaurants) inside the map area, it will mark their location on the map, and will display some information about these restaurants on the web page.
For this project, I have used
The HTML web page has 3 sections:
When you write some search terms in the search text area, say “Indian buffet”, it will find the 10 best restaurants in the map area that match the search terms. They may be less than 10 (including zero) sometimes.
The map will display the location of these restaurants as map overlay markers with labels from 1 to 10. The text display area will display various information about these restaurants. It will be an ordered list from 1 to 10 that correspond to the best 10 matches.
Each list item in the display area will include the following information about the restaurant: the image, the name as a clickable url to the Yelp page of this restaurant, the rating (1-5 stars), and the snippet text. When you search for new terms, it will clear the display area and all the map overlay markers, and will create new ones based on the new search.