gdg-x / hoverboard Goto Github PK

View Code? Open in Web Editor NEW

1.1K 35.0 1.1K 287.92 MB

Conference website template

Home Page: https://hoverboard-master.web.app

License: Other

HTML 1.01% JavaScript 0.15% TypeScript 98.84%

hoverboard gdg polymer firebase service-worker material-design redux firestore pwa hacktoberfest

hoverboard's Introduction

Hoverboard

⚡ Live demo | 🚀 Get Started

Overview

Project Hoverboard is the conference website template that helps you to set up a mobile-first conference website with blog, speaker and schedule management in a few minutes.

The template is created based on 7 years of GDG Lviv team experience of running conferences and feedback from more than 500 event organizers from all around the world who were using previous Hoverboard versions.

Our goal is to allow event organizers to set up a professional conference website with minimum resources. To get started you need only basic knowledge of web technologies and a free Firebase account.

Features

Feature	Description
Fast and optimized	91/100 PWA on Lighthouse
Works offline	shitty WiFi on the venue is not a problem anymore
Mobile-first	layouts optimized for small screens, Hoverboard can be installed as a native app on your phone
Push notifications	remind about sessions in My schedule, session feedback or target users with a custom message
SEO optimized	index all content and get to the top in search results
Speakers and schedule management	keep and update all information in the Firebase
My schedule	let attendees save sessions they want to visit
Customizable theme	change colors to match your style
Blog	post announcements, updates and useful information

Getting Started

🌛 Read the set up guide or checkout the full documentation.

Updating

Here is a git workflow for updating your fork (or downloaded copy) to the latest version:

git remote add upstream https://github.com/gdg-x/hoverboard.git
git fetch upstream
git merge upstream/main
# resolve the merge conflicts in your editor
git add . -u
git commit -m 'Updated to the latest version'

Documentation

The Getting Started guide is probably a good first point of call!

📖 Full documentation.

Compatibility

✅ Compatible with latest two major versions of of browsers that support ES Modules.

Technology Stack

Polymer 3 (deprecated #796)
LitElement
Redux
Firebase
Service Worker
CSS Grid

Contributing

Awesome! Contributions of all kinds are greatly appreciated. To help smoothen the process we have a few non-exhaustive guidelines to follow which should get you going in no time. Checkout our roadmap and open issues.

Good First Issue

Issues labeled good first issue are a great way to ease into development on this project.

Help Wanted Label

Any other issue labeled help wanted is ready for a PR.

Using GitHub Issues

Feel free to use GitHub issues for questions, bug reports, and feature requests
Use the search feature to check for an existing issue
Include as much information as possible and provide any relevant resources (Eg. screenshots)
For bug reports ensure you have a reproducible test case
A pull request with a breaking test would be super preferable here but isn't required

Submitting a Pull Request

Squash commits
Lint your code with eslint (config provided)
Include relevant test updates/additions

Code of Conduct

Read the full version Code of Conduct.

Contributors

Maintainer: Abraham Williams

Authors: Oleh Zasadnyy and Sophie Huts.

This project exists thanks to all the people who contribute. [Contribute].

License

The project is published under the MIT license. Feel free to clone and modify repo as you want, but don't forget to add a reference to authors :)

GDG[x] is not endorsed and/or supported by Google, the corporation.

hoverboard's People

Contributors

Stargazers

Watchers

Forkers

gdg-ukraine gdg-sp mtthsfrdrch ibrahimoluwadamilare gdg-boston devfest-sul-2015 ajmikzer njgdg islambesto twhetzel gdgcordoba gdglima gdgkimathiuniversity profnandaa gdg-paris gdgyangon njirap pablopda gdgbirgunj gbelmm gdglondon dhwanilvyas cbjuan wmitrut saturnism arpit gdgistanbul gdgebolowa ginowine raviletsnurture gdgportugal pratik8575 mawohry owlookit centonni devfestabj the1mattkaufman chaabni envy7 gdgcluj jkachhadia gdgostrava gdgkyoto imarty laritaa mammioux dutchaug bhavikpatel gdgporto gdgspain gdgibadan gitter-badger leodufer gdgwellington carlosrojaso vferries goz gdgbhu muffycompo gdghit sophieh29 sudophils serj-lotutovici inga22 juliortiz suncoastgdg gdgnewdelhi gdgfortaleza valleydevfest2016 orenbochman yenerm juollie ericbhatti gdg-eskisehir johnirvinestiamba mgmgpyaesonewin devfestnordeste castrors alvaradopcesar bhargavkaranam bakley gabrielclima splnty borjagodoy ch4 saptaks vinlim gdg-bh gdg-cee exzaoui iamkaan gdgseattle anudeepsai auwalms shamhardy gdg-los-angeles gdg-tekirdag gdg-campinas devfestvienna valtereondoua

hoverboard's Issues

Move all chapter/event specific variables into a single file

It'd be great if all chapter specific references were in a single data file. Things like GDG Chapter name, Social Links, dates, location, etc.

Make speakers and videos data generation independent from schedule on fetch

Add social share buttons to the blog posts

Blog posts are missing social share buttons, what about adding them here http://take.ms/mgS7G

Google Maps API key warnings

The google-map component has an apiKey property which isn't being set. There should be a spot in the config for setting this and then it should be injected in map-block.html.

No Google Maps API Key or Client ID specified. See https://developers.google.com/maps/documentation/javascript/get-api-key for instructions to get started with a key or client id.

Google Maps API warning: NoApiKeys https://developers.google.com/maps/documentation/javascript/error-messages#no-api-keys

Currently:

<google-map zoom="{$ location.pointer.zoom $}" latitude="{$ location.mapCenter.latitude $}"
                longitude="{$ location.mapCenter.longitude $}" styles="[[options]]" 
                disable-zoom disable-default-ui>
      ...
</google-map>

Should be something like:

<google-map zoom="{$ location.pointer.zoom $}" latitude="{$ location.mapCenter.latitude $}"
                longitude="{$ location.mapCenter.longitude $}" styles="[[options]]" 
                disable-zoom disable-default-ui api-key="{$ apiKey $}">
      ...
</google-map>

IE 11 Polyfills not working?

The suggested method of checking if web components are supported in your browser is already implemented, but it doesnt seem to work. I get blank pages.

doesn't serves on http://username.github.io/repository

Add loading animation on startup

When users are visiting the site nothing happens for a while.
There should a be a loading animation to indicate that the site while appear soon.

Find an alternative to Picasa Web Albums API

Should this be done? The experience without leaving the website was much better.

I wonder how Google I/O website is doing right now?
They have something like that here for example. https://events.google.com/io2015/offsite

Make html import async

perfmatters
See also #12

Filter panel displays on entire Speaker page in Safari

In Safari (v 8.0.8), on the page http://devfest.gdg.org.ua/#!/speakers the filter panel takes the entire page width when displayed on a 13in laptop.

Add schedule block

Add block that shows the schedule based on sessions and speakers data

Not able to Gulp Deploy the Project

When I try to deply the project on Git using 'gulp deploy', I get folowing error. Whereas 'gulp serve' and 'gulp' workes perfectly.

This is the error while running gulp deploy

cmd: /bin/sh -c git rev-list --pretty=raw --max-count=1
[22:23:27] 'deploy' errored after 11 s
[22:23:27] Error in plugin 'run-sequence'

Make it works on GitHub Pages (add base url support)

So basically, we should add support of baseurl. Jekyll is a good example how it should work.

Images are not shown in production

images are not shown on firebase
https://iutx.firebaseapp.com

Build error

I downloaded the latest version (DL on 11/13/2015) and am getting an error when running gulp serve:
Polymer.dom(...).observeNodes is not a function

Make location description optional

Add a Team page

Similar to the Speakers page, a Team page would be a nice addition.

Schedule information doesn't work in Firefox

Trying to view information about a scheduled session is not possible in Firefox (tested in version 42, works in Chrome, Opera and Safari). Reproduced in both GDG DevFest London and the reference GDG DevFest Ukraine app.

Clicking on the title of a session in the schedule causes a ReferenceError:

ReferenceError: event is not defined

The file this occurs in seems to be a generated data file (not sure how this works exactly!). Reading the data it seems the issue is in the Polymer element schedule-block at this function:

        _sessionTap: function() {
            page.redirect('/schedule/' + event.model.subSession.id);
            this._openSession(event.model.subSession);
        },

Should that function take an event as an argument?

Images for docs

Speaker expertise filters not working in FF

On the page http://devfest.gdg.org.ua/#!/speakers, the filters to indicate the speakers expertise are not working in Firefox (tested version 40.0.3). The filters are working in Chrome. Unable to test in Safari due to a formatting issue on this page.

Some items are not loading

As can be seen in the screenshots below, here are the problems:

Video section always show the same thumbnails.
Rockstar speakers part is empty.
Photos section shows empty photos.

Opening the page in Incognito mode fixed it. But I've opened the page normally in Chrome about 10+ times. It didn't occur to me that I should clear the cache.

develop: app fails to render anything but blank toolbar and sidenav

Using the current develop with no modifications, I'm seeing the following:

polymer build:

info:    Building application...
warn:    Unable to optimize .js file /Users/splaktar/Git/gdgspacecoast/hoverboard/index.html_script_1.js 
{ err: 
   { message: 'SyntaxError: Unexpected token: punc (:)',
     filename: 0,
     line: 3,
     col: 16,
     pos: 23,
     stack: 'Error\n    at new JS_Parse_Error (eval at <anonymous> (/opt/local/lib/node_modules/polymer-cli/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:1545:18)\n    at js_error (eval at <anonymous> (/opt/local/lib/node_modules/polymer-cli/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:1553:11)\n    at croak (eval at <anonymous> (/opt/local/lib/node_modules/polymer-cli/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2089:9)\n    at token_error (eval at <anonymous> (/opt/local/lib/node_modules/polymer-cli/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2097:9)\n    at unexpected (eval at <anonymous> (/opt/local/lib/node_modules/polymer-cli/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2103:9)\n    at semicolon (eval at <anonymous> (/opt/local/lib/node_modules/polymer-cli/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2123:56)\n    at simple_statement (eval at <anonymous> (/opt/local/lib/node_modules/polymer-cli/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2314:73)\n    at eval (eval at <anonymous> (/opt/local/lib/node_modules/polymer-cli/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2164:47)\n    at eval (eval at <anonymous> (/opt/local/lib/node_modules/polymer-cli/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2136:24)\n    at block_ (eval at <anonymous> (/opt/local/lib/node_modules/polymer-cli/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2429:20)' } }
info:    Generating build/unbundled...
info:    Generating build/bundled...
warn:    Unable to optimize .js file /Users/splaktar/Git/gdgspacecoast/hoverboard/src/pages/blog-list.html_script_0.js 
{ err: 
   { message: 'SyntaxError: Unexpected token punc «(», expected punc «:»',
     filename: 0,
     line: 43,
     col: 28,
     pos: 967,
     stack: 'Error\n    at new JS_Parse_Error (eval at <anonymous> (/opt/local/lib/node_modules/polymer-cli/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:1545:18)\n    at js_error (eval at <anonymous> (/opt/local/lib/node_modules/polymer-cli/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:1553:11)\n    at croak (eval at <anonymous> (/opt/local/lib/node_modules/polymer-cli/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2089:9)\n    at token_error (eval at <anonymous> (/opt/local/lib/node_modules/polymer-cli/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2097:9)\n    at expect_token (eval at <anonymous> (/opt/local/lib/node_modules/polymer-cli/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2110:9)\n    at expect (eval at <anonymous> (/opt/local/lib/node_modules/polymer-cli/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2113:36)\n    at eval (eval at <anonymous> (/opt/local/lib/node_modules/polymer-cli/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2686:13)\n    at eval (eval at <anonymous> (/opt/local/lib/node_modules/polymer-cli/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2136:24)\n    at expr_atom (eval at <anonymous> (/opt/local/lib/node_modules/polymer-cli/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2616:35)\n    at maybe_unary (eval at <anonymous> (/opt/local/lib/node_modules/polymer-cli/node_modules/uglify-js/tools/node.js:28:1), <anonymous>:2792:19)' } }
info:    Build complete!

Browser view:

In Firefox:

TypeError: /images/logo-white.svg is not a valid URL.
._computeImgDivARIALabel()
iron-image.html.js:216
._annotatedComputationEffect()
polymer.html.js:1622
Polymer.Bind._modelApi._effectEffects()
polymer.html.js:1429
Polymer.Bind._modelApi._propertySetter()
polymer.html.js:1413
Polymer.Bind._modelApi.__setProperty()
polymer.html.js:1422
._applyConfig()
polymer.html.js:2034
._afterClientsReady()
polymer.html.js:2028

Chrome Stable:

iron-image.html:342 Uncaught TypeError: Failed to construct 'URL': Invalid URL_computeImgDivARIALabel @ iron-image.html:342_annotatedComputationEffect @ polymer.html:1642_effectEffects @ polymer.html:1449_propertySetter @ polymer.html:1433__setProperty @ polymer.html:1442_applyConfig @ polymer.html:2054_afterClientsReady @ polymer.html:2048_ready @ polymer-mini.html:74_readyClients @ polymer-mini.html:82_ready @ polymer-mini.html:70_readyClients @ polymer-mini.html:82_ready @ polymer-mini.html:70_tryReady @ polymer-mini.html:60_initFeatures @ polymer.html:4053createdCallback @ polymer-micro.html:202window.Polymer @ polymer-micro.html:65(anonymous function) @ hoverboard-app.html:195(anonymous function) @ hoverboard-app.html:312

Chrome Canary:

iron-image.html:342 Uncaught TypeError: Failed to construct 'URL': Invalid URL(…)_computeImgDivARIALabel @ iron-image.html:342_annotatedComputationEffect @ polymer.html:1642_effectEffects @ polymer.html:1449_propertySetter @ polymer.html:1433__setProperty @ polymer.html:1442_applyConfig @ polymer.html:2054_afterClientsReady @ polymer.html:2048_ready @ polymer-mini.html:74_readyClients @ polymer-mini.html:82_ready @ polymer-mini.html:70_readyClients @ polymer-mini.html:82_ready @ polymer-mini.html:70_tryReady @ polymer-mini.html:60_initFeatures @ polymer.html:4053createdCallback @ polymer-micro.html:202window.Polymer @ polymer-micro.html:65(anonymous function) @ hoverboard-app.html:195(anonymous function) @ hoverboard-app.html:312

Remove cache

Enhancement: Remove cache in productionto firebase
When I deploy to firebase cache is not refreshed for users, so they have to clean their cache manually

Logo file (/images/logo.svg) is missing from the frontpage

Hello,

I just deployed this project on our devfest site (http://devfest-mezam.gdgbambili.xyz/) I noticed that the /images/logo.svg file is not available in the homepage.

This is the repo for the site https://github.com/GDG-Bambili/devfest-mezam

Build Issue (Windows 10)

While trying to bulid there were several dependency issues, majority of them were depreciated:
lodash
gulp-minifyhtml
npmconf

please provide a quick solution to these issues:)

develop: README references to app-drawer-template instead of hoverboard

Title: Polymer App Toolbox - Drawer Template
Initialization step: polymer init app-drawer-template

Running this init step wipes out a lot of hoverboard code as the app already seems to be initialized. This probably needs to be removed from the readme?

Should the README include running bower install?
It looks like npm and node_modules is gone now in develop?

I think that these instructions need to be updated to be more specific to hoverboard?

[HELP] Warning: don't forget to edit destination repository to deploy the website?

In Zeppelin update _config.yml to deploy very clear example: https://github.com/gdg-x/zeppelin/blob/master/_config.yml

In Hoverboard update gulpfile.js to deploy no example (I AM LOST)
https://github.com/gdg-x/hoverboard/blob/master/gulpfile.js#L205

Really appreciate Zeppelin like
Quick-start guide ;)

Fork this repo
Clone locally
Update _config.yml
Select what content blocks do you need
Push changes to gh-pages branch
Enjoy your awesome DevFest site at http://[your github name].github.io/zeppelin/

Tickets on Safari display poorly when in phone layout

On some iOS devices and Safari on the desktop (when resized to a smaller width), the tickets section on the main page renders poorly when showing the phone layout. Screenshot: https://cl.ly/3l0F1x2L3Z3z Screenshot is from Safari 9.1.2 on OSX 10.11.6.

Disable video sections when we don't have video

When the video related configs are removed, hide the video related parts in the home page.

It is great to have video call to action etc, but not many chapters have that kind of video from last year.

When we configure the site, if we just delete the video related parts from config.json, they should disappear.

Here are the candidates I found.

callToAction
videosSessionsUrl
video in home - headerSettings

Up to date with PSK+ Lite

Could you make this template up to date with PSK+ Lite using git?

https://github.com/StartPolymer/polymer-starter-kit-plus/tree/lite#updating-from-previous-version

Add support for hero buttons on the main page.

The new template looks really good but I think there should be 2 options for the main page

With video to show the website after the event has ended.
Before event with info and hero buttons.

Hero buttons like REGISTER, SPEAKER APPLY are really important.

Make `gulp deploy` work with two-factors authentication at github

Users that have 2FA enabled at github are not able to deploy. They are asked for username/password which fails.

npm issue

Hello, I want to use project hoverboard to make the GDG website of my community but I fail to install some of the required files in my computer to enable me use and edit it. Preview here image

Buy ticket

<paper-button class="white border-button open-dialog-button" on-tap="openTicketsDialog">Buy a ticket</paper-button>

when i wrap this element with <a href="url"> </a> it is not showing the button

Push notifications

Didn't Generate manifest.json

the gulp didn't generate manifest.json.

cascaded-animation.html:78 Uncaught TypeError: Cannot read property '0' of undefined

This is happening all of the time since we modified the speakers.json and sessions.json. We've tried to make sure that everything is setup right, but it keeps throwing. This causes the Blog and Speakers pages to not load.

How can we fix this quickly so that we can get our site online?
Can you just disable some of these animations or something?

cascaded-animation.html:78 Uncaught TypeError: Cannot read property '0' of undefined
fire @ polymer.html:1287

Code of Conduct link goes no where

It looks like the routing is broken for the CoC link at the bottom of the home page. This is in master.

Note that https://hoverboard.firebaseapp.com/code-of-conduct doesn't open the CoC page.

When using serve, changes to metadata files are not reflected automatically.

Since they are used once, changes are not detected automatically.

Everytime I make a change, I close the browser tab, kill gulp serve and re-run it. It is not a big deal but can be improved.

Add contact pages

An example https://devfest.gdg.org.ua/2014/team/

Add possibility to create own schedule

For attendees, it would be nice to have a possibility to create their own schedule with selected sessions.

Button click analytics events are not working

We have Google analytics events configured to be fired on "Buy tickets", "See how it was" and few more buttons, but they don't work.

Find/Create service to get latest posts by hashtag from social networks

Tweetledee was a solution, but it's needed a php server, parse only tweets and have limitation for requests.
It would be nice to have an API to get posts by hashtag from various social networks (g+, twitter, facebook)

gulp init fails when repo was downloaded

Download repo as a zip, try to run gulp init, the error will be returned:

~/Desktop/tmp/devfest-nl/hoverboard-master ⮀  ⮀  ⮀ gulp init
fatal: Not a git repository (or any of the parent directories): .git
child_process.js:1389
    throw err;
          ^
Error: Command failed: git describe --tags
fatal: Not a git repository (or any of the parent directories): .git

    at checkExecSyncError (child_process.js:1346:13)
    at execSync (child_process.js:1386:13)
    at Object.<anonymous> (/Users/vitalik/Desktop/tmp/devfest-nl/hoverboard-master/config.js:2:19)
    at Module._compile (module.js:460:26)
    at Object.Module._extensions..js (module.js:478:10)
    at Module.load (module.js:355:32)
    at Function.Module._load (module.js:310:12)
    at Module.require (module.js:365:17)
    at require (module.js:384:17)
    at Object.<anonymous> (/Users/vitalik/Desktop/tmp/devfest-nl/hoverboard-master/gulpfile.js:26:14)

Only 1 Free ticket looks ugly

The template is great if the event has multiple tickets with various prices.

But when the event is completely free, the template looks bad.

Something like Zeppelin's ticket component would be ok. What do you think?

Links in the starter-kit-plus main menu

Hello,

I noticed a strange behavior while browsing the site through the main menu in the starter-kit branch. When you click exactly on the menu link (eg. Blog) you are correctly redirected to the page and the route in the navigation bar change properly as well. On the contrary if you click just under the link then (but on the menu item anyway) the page is well updated but not the navigation bar (eg. /blog is still displayed while we are back on home page for instance).
In order to fix it, I tried to set the anchor height to 100% which works well but I'm not sure this is the proper solution (since it's not really elegant nor fixing the problem horizontally).

Thanks for your awesome work btw,
Thomas

gdg-x / hoverboard Goto Github PK

hoverboard's Introduction

Hoverboard

Overview

Features

Getting Started

Updating

Documentation

Compatibility

Technology Stack

Contributing

Good First Issue

Help Wanted Label

Using GitHub Issues

Submitting a Pull Request

Code of Conduct

Contributors

License

hoverboard's People

Contributors

Stargazers

Watchers

Forkers

hoverboard's Issues

Recommend Projects

Recommend Topics

Recommend Org