https://github.com/jlengrand/polymer-summit-whose-flag-polymer-3
First codelab from Polymer Summit 2017 - Whose flags - Converted to Polymer 3
https://github.com/jlengrand/polymer-summit-whose-flag-polymer-3
polymer polymer-3 polymer-summit
Last synced: about 2 months ago
JSON representation
First codelab from Polymer Summit 2017 - Whose flags - Converted to Polymer 3
- Host: GitHub
- URL: https://github.com/jlengrand/polymer-summit-whose-flag-polymer-3
- Owner: jlengrand
- Created: 2017-08-24T13:41:14.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2017-09-11T07:07:06.000Z (over 7 years ago)
- Last Synced: 2025-04-01T10:54:32.283Z (2 months ago)
- Topics: polymer, polymer-3, polymer-summit
- Language: HTML
- Size: 4.32 MB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# \
This is a simple conversion from Whose Flag to Polymer 3. Whose Flag is a simple game that lets users guess a flag's country, that was created during [the first Polymer Summit 2017's codelab](https://codelabs.developers.google.com/polymer-summit-2017).
You can find the original codelab instructions [here](https://codelabs.developers.google.com/codelabs/whose-flag/index.html), [a similar repository on Polymer 2 here](https://github.com/jlengrand/polymer-summit-whose-flag) and [a working demo here](https://polymer-summit-2017-codelab-1.firebaseapp.com/).
## Install the Polymer-CLI
First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) installed. Then run `polymer serve --npm` to serve your application locally.
__Note the difference with the `polymer serve` instructions for Polymer 2__
## Viewing Your Application
```
$ polymer serve --npm
```
## Building Your Application
**WIP: Polymer build does not seem to be supported yet for Polymer 3.**
## Running Tests
**To be tested**
## Lit-HTML
The last version of this demo makes use of [lit-html](https://github.com/PolymerLabs/lit-html).
Lit-HTML allows to use HTML templates, via JavaScript template literals.
The template literal is properly highlighted using Atom. No extensions are available yet to highlight the literal with VSCode that I know of.