https://github.com/mdb/x-next-meetup
A Polymer custom element for displaying a Meetup's next event.
https://github.com/mdb/x-next-meetup
Last synced: 4 days ago
JSON representation
A Polymer custom element for displaying a Meetup's next event.
- Host: GitHub
- URL: https://github.com/mdb/x-next-meetup
- Owner: mdb
- License: mit
- Created: 2014-04-29T15:46:43.000Z (about 12 years ago)
- Default Branch: master
- Last Pushed: 2014-05-05T13:19:03.000Z (about 12 years ago)
- Last Synced: 2025-01-14T16:36:15.980Z (over 1 year ago)
- Language: JavaScript
- Size: 125 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# <x-next-meetup>
A [Polymer](http://polymer-project.org) element for displaying a Meetup's next event.
## Usage
1) Import Web Components' polyfill:
```html
```
2) Import custom element:
```html
```
3) Using it:
```html
```
This results in unstyled markup:
```html
Next Event Titlte
Location
555 Street Name, Philadelphia, Pennsylvania
RSVP for Next Event Title
```
What's the `groupName`? The name of your Meetup, as it appears in your group's Meetup URL.
What's a `sigId`? What's a `sig`? Meetup's [API Key signatures](http://www.meetup.com/meetup_api/auth/#keysign) documentation provides a simple overview of how to retrieve these values for use in JavaScript applications.
## Demo
Install dependencies:
Install [Node.js](http://nodejs.org/download/)
Install [Grunt](http://gruntjs.com/):
```sh
$ npm install -g grunt-cli
```
Install Node dependencies:
```sh
$ npm install
```
Install bower dependencies:
```sh
$ bower install
```
Run a local server:
```sh
$ grunt connect
```
Edit the `` element in `index.html`; provide real `sigId`, `sig`, and `groupName` attribute
values. See [Meetup API documentation](http://www.meetup.com/meetup_api/) for more info.
Visit `http://localhost:8000` in your web browser.
## License
[MIT License](http://opensource.org/licenses/MIT)