Giter Site home page Giter Site logo

devfest's Introduction

Devfest Ph 2017

Stories in Ready Stories In Progress Build Status Build Status

How to fork this project?

Make your own copy of the devfest project to your account.

# Clone from your forked repository
$ git clone [email protected]:[your_username]/devfest.git # for SSH
# or
$ git clone https://github.com/[your_username]/devfest.git # for HTTPS

# enter the project
$ cd devfest

# Add upstream connection to the original devfest repo
# This will help on contributing to the project and be updated
$ git remote add upstream https://github.com/gdgphilippines/devfest.git

# We always start our work on the branch develop.
$ git checkout develop

# Always pull at develop branch for any changes
$ git pull

Getting Started

Please work the site on any UNIX type of system: Linux or MacOS. If you don't have any working Linux at your disposal (because you are working on Windows, please contact me immediately with your email)

Make sure that you have git installed in your Unix distro

# check if you have git
$ git 

If you don't have git:

# for Ubuntu/debian
$ sudo apt-get install git 

# for Fedora
$ yum -y install git 

# for OSX
$ brew update
$ brew install git

Make sure you have version 6.11.2 of Node JS and version 3.+ of NPM.

You can check this via:

$ node --version
$ npm --version

If not, do the following:

# installs node version manager
# close terminal after installation and then reopen it again
$ curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.4/install.sh | bash       

# install version node 6.11.2 and npm 3.+
$ nvm install 6.11.2

# makes it default
$ nvm alias default 6.11.2

Install additional tools

$ npm i -g yarn bower karma-cli firebase-tools slush slush-polypack firebase-tools

Trust me, you will need them.

Install dependencies using slush

$ slush polypack:install

The devfest site is using a new experimental build called polypack, and it has an easy way to install dependencies. Just run the above command and it will install all dependencies of the project. If it doesn't work, this should be done

# on project folder
$ yarn install --flat
$ bower install
$ cd gulp
$ yarn install
$ cd ../functions
$ yarn install
$ cd ..

Setup firebase

Go to your firebase account at https://firebase.google.com and create a project (you can name it anything you want but I suggest using devfest-{your_name})

Once done, login into your firebase account on the project:

$ firebase login
$ firebase use --add

Pick the newly created project: devfest-{your_name} And then write it as staging.

This should create a .firebaserc in your folder

And you're done.

Next...

Running the Application locally

To run the app.

$ npm start

You should be able to run the project at localhost:5000

NOTE: Make sure you setup Firebase since npm start will return some errors.

If you want to run using your own http server, just run...

$ npm start -- --no-server

If you want to build the project without watching...

$ npm run build

If you want to build the project for production...

$ npm run build-production

Deploying in Firebase

Deploying it into your own Firebase account would simply be:

$ firebase deploy

The project can then be viewed in: https://devfest-{your-project-id}.firebaseapp.com

FAQ

See FAQ.md

Contributing

See the CONTRIBUTING Guidelines

Support

If you have any problem or suggestion please open an issue here.

devfest's People

Contributors

burnzz avatar jkga avatar jomartigcal avatar ktsarlz avatar rokuto avatar tjmonsi avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

devfest's Issues

Tickets button

Remove ticket link in nav bar.
Change link of Get Tickets from eventbrite to tickets page.

Codelabs Dashboard page

Dashboard should include:

  • list/search available codelabs
  • mark codelab as saved or answered
  • show current score

Requirements

  • create a codelab model
  • create a codelabquestions model

TypeError: Attempting to configurable attribute of unconfigurable property.

https://sentry.io/little-qairoes/devfest-ph-2017/issues/346559007/

TypeError: Attempting to configurable attribute of unconfigurable property.
  at defineProperty ([native code])
  at G (/v2/polyfill.min.js:3:15203)
  at utils.extend (../bower_components/shadydom/src/utils.js:47:4)
  at lc (../bower_components/shadydom/src/patch-events.js:454:4)
  at h (../bower_components/shadydom/src/patch-events.js:330:6)
...
(1 additional frame(s) were not displayed)

Codelabs Profile page

Show the profile of the person,
Completed and saved codelabs

Add sponsors page that has visited

Feedback Form

Feedback form page, User can submit feedback form. (Optional: Feedback form gets activated from 3-6pm)

optipng Unhandled error event

events.js:160 throw er; // Unhandled 'error' event

Error: spawn /opt/lampp/htdocs/devfest/gulp/node_modules/optipng-bin/vendor/optipng ENOENT

OS: Ubntu 16.04 LTS
yarn : 0.27.5

Body background

Description

Body background color is not the same as the footer

Expected outcome

Body's background color should be the same as the footer's background color, #333333
image

Actual outcome

Has the default background color, white.
image

Live Demo

N/A

Steps to reproduce

  1. body { background-color: #333 }

Browsers Affected

  • [x ] Chrome
  • [x ] Firefox
  • [x ] Safari 9
  • [ x] Safari 8
  • [ x] Safari 7
  • [ x] Edge
  • [x ] IE 11
  • [x ] IE 10

TypeError: t is null - Need to check with webcomponentsjs

https://sentry.io/little-qairoes/devfest-ph-2017/issues/343077637/

Need to check with webcomponentsjs

TypeError: t is null
  at set (/bower_components/webcomponentsjs/webcomponents-hi-sd-ce.js.map:1)
  at set (/bower_components/webcomponentsjs/webcomponents-hi-sd-ce.js.map:1)
  at value (/modules/polyapp-toast/components/polyapp-toast.html-8.js:1:1435)
  at n (/shell/app-shell.html-11.js:1:2097)
  at a (/shell/app-shell.html-11.js:1:1854)
...
(16 additional frame(s) were not displayed)

Uncaught TypeError: Failed to construct 'HTMLElement': Please use the 'new' operator, this DOM ob...

https://sentry.io/little-qairoes/devfest-ph-2017/issues/344858845/

We need Facebook app (?). I think it is having problems with HTMLElement

Stacktrace (most recent call first):

  at window.onerror (/tickets:51:553)
  at call (../src/modules/devfest-module/components/devfest-drawer/devfest-drawer.js:37:22)
  at __webpack_require__ (webpack/bootstrap b2fc9845244e02935ad3:49)

Uncaught TypeError: Failed to construct 'HTMLElement': Please use the 'new' operator, this DOM object constructor cannot be called as a function.

Event Schedule Page

Show event schedule page that allows bookmark of sessions.

  • requirement: Design for event schedule page, and schedule
  • functionalities (later): bookmark of sessions #11
  • show own schedule #14

Login

Use Firebase login

  • needs to have user model
  • needs to have permission model
  • use Google, Facebook, Twitter, email and password (signup or login)
  • create a login page
  • create linking of multiple accounts

Different sizes of pictures in different browe

Description

Different sizes of pictures and Google chrome don't have a hamburger.

Expected outcome

The same sizes

Actual outcome

Different sizes

Live Demo

Steps to reproduce

Browsers Affected

  • Chrome
  • Firefox
  • Edge
    firefox
    702/30250460-40cc736a-9681-11e7-99bc-def284d66244.png)
    googlec
    microsofte

TypeError: Failed to construct 'HTMLElement': Please use the 'new' operator, this DOM object constructor can...

https://sentry.io/little-qairoes/devfest-ph-2017/issues/337097294/

TypeError: Failed to construct 'HTMLElement': Please use the 'new' operator, this DOM object constructor cannot be called as a function.
  at apply (main.bundle.js:781:127)
  at call (main.bundle.js:7685:114)
  at apply (main.bundle.js:2464:123)
  at apply (main.bundle.js:5411:116)
  at apply (1.bundle.js:753:130)
...
(5 additional frame(s) were not displayed)

Codelabs page

Connected #53
Shows the codelabs the need to be answered

Use iframe for codelab for now.
Might think of transforming codelabs into its markdown format when have a time.

  • Should have steps
  • after finish should show a quiz (random)
  • create a firebase function that sends the quiz
  • quiz should be a page rather than a dialog box
  • should have time depending on the markdown format

Get tickets incorrect link

Description

Get tickets link in landing page section is incorrect

Expected outcome

Redirect to tickets page

Actual outcome

Redirects to event brite page.

Live Demo

N/A

Steps to reproduce

  1. Change href to tickets page
  2. Remove target attribute

Browsers Affected

  • [x ] Chrome
  • [x ] Firefox
  • [x ] Safari 9
  • [x ] Safari 8
  • [x ] Safari 7
  • [x ] Edge
  • [x ] IE 11
  • [x ] IE 10

Header font size inside section

Description

Header 1 is font size is small.

Expected outcome

Header 1 to have the same font size with header 1 in Tickets page

Actual outcome

Header 1 has the default font size

Live Demo

N/A

Steps to reproduce

  1. I don't know how you do this

Browsers Affected

  • [ x] Chrome
  • [x ] Firefox
  • [x ] Safari 9
  • [x ] Safari 8
  • [x ] Safari 7
  • [x ] Edge
  • [x ] IE 11
  • [x ] IE 10

GDG DevFest Logo in <app-header>

Description

GDG DevFest logo is shown

Expected outcome

GDG DevFest logo is hidden if the GDG DevFest logo in then shows when window is scrolled and the GDG DevFest logo in is hidden from the page.

Actual outcome

GDG DevFest logo in is visible every time.

Live Demo

peek 2017-09-10 20-21

Steps to reproduce

  1. Your call.

Browsers Affected

  • [x ] Chrome
  • [ x] Firefox
  • [x ] Safari 9
  • [x ] Safari 8
  • [ x] Safari 7
  • [ x] Edge
  • [x ] IE 11
  • [x ] IE 10

Footer redesign

Description

Change the background color of footer into #333333 and add opacity to the content

Expected outcome

Footer's background color is #333333 and elements inside has an opacity.
image

Actual outcome

Footer's background color is blue.

Live Demo

N/a

Steps to reproduce

  1. footer { background-color: #333 }
  2. footer > (elements inside like text, icons, and images) { opacity: .8 }

Browsers Affected

  • [ x] Chrome
  • [x ] Firefox
  • [ x] Safari 9
  • [ x] Safari 8
  • [x ] Safari 7
  • [ x] Edge
  • [x ] IE 11
  • [x ] IE 10

Test issue

Description

Expected outcome

Actual outcome

Live Demo

Steps to reproduce

Browsers Affected

  • Chrome
  • Firefox
  • Safari 9
  • Safari 8
  • Safari 7
  • Edge
  • IE 11
  • IE 10

Design style guide page

Create a design style guide page
That has the following guides on styling the following

  • p,
  • h1, h2, h3, h4, h5, h6
  • section
  • image
  • button
  • table
  • other things that we can add

Minor Issue sizes and bullets

Description

There's a bullet in the description and the sizes of pictures

Expected outcome

Actual outcome

Live Demo

Steps to reproduce

Browsers Affected

  • Chrome
  • Firefox
  • Edge
    firefox_ul_li
    firefox browser
    googlecpics
    google browser
    microsofte_ul_li
    Edge browser

Header

Change p to header in tickets page:
Blind Bird
Early Bird
Regular Ticket
DevFest Shirt - Access to Video Content

Remove "ID, Bag, Sponsorship (Ballpen and Notebook), Stickers" below Conference Kit text

Event Guidelines Page

Create an event guidelines page.
All important guidelines about the event will be viewed here.

Content comes from the pub team

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.