SlideShare a Scribd company logo

How To Win a Hackaton - My thoughts on the WebGeek Devcup

My thoughts and plan of execution for the WebGeek Devcup

1 of 23
Download to read offline
WebGeekDevCup                             taghuddle.com/WebGeekDevCup




     Thoughts about the
      WebGeek DevCup



   Nikko Bautista, Web Application Developer
     @nikkobautista / linkedin.nikkobautista.com
WebGeekDevCup                taghuddle.com/WebGeekDevCup




Introduction
- Nikko Bautista (@nikkobautista)

- Team APPNimbus

- Bukas Palad
WebGeekDevCup                              taghuddle.com/WebGeekDevCup




Bukas Palad
http://webpilipinas.github.com/bukaspalad

- Bukas Palad is a Donation and
Resources Management System for
Relief and Donation Centers here in the
Philippines
WebGeekDevCup                              taghuddle.com/WebGeekDevCup




Developing Bukas Palad
http://webpilipinas.github.com/bukaspalad

Step 1: Idea
- Thought about my family and friend’s
stories about their experiences
volunteering at Donation Centers
WebGeekDevCup                                                   taghuddle.com/WebGeekDevCup




Developing Bukas Palad
http://webpilipinas.github.com/bukaspalad

Step 2: Brand
- Thought about a good name to use
- Once I had a name (“Bukas Palad”), I
developed a logo.
    - You can purchase design/logo elements on GraphicRiver (http://graphicriver.net)
    for a very cheap price (e.g. Bukas Palad logo template is $4 USD)
WebGeekDevCup                              taghuddle.com/WebGeekDevCup




Developing Bukas Palad
http://webpilipinas.github.com/bukaspalad

Step 3: Minimum Viable Product
- Wrote down all the features I wanted, ordered
by priority
- Erase bottom 50%
- From the remaining, I determined which features
are ABSOLUTELY and UNEQUIVOCALLY required.
- Implement those features

Recommended

WebGeek AppNimbus (Nikko Bautista)
WebGeek AppNimbus (Nikko Bautista)WebGeek AppNimbus (Nikko Bautista)
WebGeek AppNimbus (Nikko Bautista)WebGeek Philippines
 
Redux: Big Leap of JavaScript App Development
Redux: Big Leap of JavaScript App DevelopmentRedux: Big Leap of JavaScript App Development
Redux: Big Leap of JavaScript App DevelopmentSupasate Choochaisri
 
Building, Collaborating and Scaling Drupal Distributions for Federated Organi...
Building, Collaborating and Scaling Drupal Distributions for Federated Organi...Building, Collaborating and Scaling Drupal Distributions for Federated Organi...
Building, Collaborating and Scaling Drupal Distributions for Federated Organi...Acquia
 
Manage software risk in uncertain times with Agile
Manage software risk in uncertain times with AgileManage software risk in uncertain times with Agile
Manage software risk in uncertain times with AgileGerry Kirk
 
Agile Intro + Learning Game
Agile   Intro + Learning GameAgile   Intro + Learning Game
Agile Intro + Learning GameGerry Kirk
 
How I built web services in CakePHP
How I built web services in CakePHPHow I built web services in CakePHP
How I built web services in CakePHPDavid Yell
 
PHP Berkshire October 2015
PHP Berkshire October 2015PHP Berkshire October 2015
PHP Berkshire October 2015David Yell
 

More Related Content

What's hot

Uploading and sharing with vimeo 2
Uploading and sharing with vimeo 2Uploading and sharing with vimeo 2
Uploading and sharing with vimeo 2Stephanie Penttila
 
Fuel for a great web experience
Fuel for a great web experienceFuel for a great web experience
Fuel for a great web experienceChristian Heilmann
 
How to re purpose one Facebook Live to 15 pieces of content
How to re purpose one Facebook Live to 15 pieces of contentHow to re purpose one Facebook Live to 15 pieces of content
How to re purpose one Facebook Live to 15 pieces of contentJo Gifford
 
12 ways to maximise your blog content
12 ways to maximise your blog content12 ways to maximise your blog content
12 ways to maximise your blog contentData-Hive.co.uk
 
ScholarPress OAH 2010
ScholarPress OAH 2010ScholarPress OAH 2010
ScholarPress OAH 2010Jeremy Boggs
 
Step by Step Guide on Lazy Loading in Angular 11
Step by Step Guide on Lazy Loading in Angular 11Step by Step Guide on Lazy Loading in Angular 11
Step by Step Guide on Lazy Loading in Angular 11Katy Slemon
 
Word press plugin development
Word press plugin development Word press plugin development
Word press plugin development Md Shahjahan Jewel
 
Leafing Out: Creating a Library Website Using Simple Online Tools
Leafing Out: Creating a Library Website Using Simple Online ToolsLeafing Out: Creating a Library Website Using Simple Online Tools
Leafing Out: Creating a Library Website Using Simple Online ToolsAnn Pool
 
Visual slideshow
Visual slideshowVisual slideshow
Visual slideshowbluelleo
 
Goo technologies pres sfhtml5_v1_130529
Goo technologies pres sfhtml5_v1_130529Goo technologies pres sfhtml5_v1_130529
Goo technologies pres sfhtml5_v1_130529Peter Moskovits
 
Everyones invited! Meet accesibility requirements with ColdFusion
Everyones invited! Meet accesibility requirements with ColdFusionEveryones invited! Meet accesibility requirements with ColdFusion
Everyones invited! Meet accesibility requirements with ColdFusionColdFusionConference
 
Rules: Duct Tape for Drupal
Rules: Duct Tape for DrupalRules: Duct Tape for Drupal
Rules: Duct Tape for DrupalRyan Price
 
There's a Module for That, MIMA Summit 2010
There's a Module for That, MIMA Summit 2010There's a Module for That, MIMA Summit 2010
There's a Module for That, MIMA Summit 2010Emma Jane Hogbin Westby
 
Drupal 8 for site builders
Drupal 8 for site buildersDrupal 8 for site builders
Drupal 8 for site buildersswentel
 
Ubuntu and the opportunistic programming.
Ubuntu and the opportunistic programming.Ubuntu and the opportunistic programming.
Ubuntu and the opportunistic programming.Paolo Sammicheli
 
EdTechJoker Spring 2020 - Lecture 8 Drupal again
EdTechJoker Spring 2020 - Lecture 8 Drupal againEdTechJoker Spring 2020 - Lecture 8 Drupal again
EdTechJoker Spring 2020 - Lecture 8 Drupal againBryan Ollendyke
 
Acquia BLT for the Win, or How to speed up the project setup, development an...
Acquia BLT for the Win, or  How to speed up the project setup, development an...Acquia BLT for the Win, or  How to speed up the project setup, development an...
Acquia BLT for the Win, or How to speed up the project setup, development an...DrupalCamp Kyiv
 
Building Your WordPress Website Using Google Apps Engine
Building Your WordPress Website Using Google Apps EngineBuilding Your WordPress Website Using Google Apps Engine
Building Your WordPress Website Using Google Apps EngineKim Beasley
 

What's hot (20)

Uploading and sharing with vimeo 2
Uploading and sharing with vimeo 2Uploading and sharing with vimeo 2
Uploading and sharing with vimeo 2
 
Fuel for a great web experience
Fuel for a great web experienceFuel for a great web experience
Fuel for a great web experience
 
How to re purpose one Facebook Live to 15 pieces of content
How to re purpose one Facebook Live to 15 pieces of contentHow to re purpose one Facebook Live to 15 pieces of content
How to re purpose one Facebook Live to 15 pieces of content
 
Plugin for CakePHP2.0
Plugin for CakePHP2.0Plugin for CakePHP2.0
Plugin for CakePHP2.0
 
12 ways to maximise your blog content
12 ways to maximise your blog content12 ways to maximise your blog content
12 ways to maximise your blog content
 
ScholarPress OAH 2010
ScholarPress OAH 2010ScholarPress OAH 2010
ScholarPress OAH 2010
 
Step by Step Guide on Lazy Loading in Angular 11
Step by Step Guide on Lazy Loading in Angular 11Step by Step Guide on Lazy Loading in Angular 11
Step by Step Guide on Lazy Loading in Angular 11
 
Word press plugin development
Word press plugin development Word press plugin development
Word press plugin development
 
Leafing Out: Creating a Library Website Using Simple Online Tools
Leafing Out: Creating a Library Website Using Simple Online ToolsLeafing Out: Creating a Library Website Using Simple Online Tools
Leafing Out: Creating a Library Website Using Simple Online Tools
 
Visual slideshow
Visual slideshowVisual slideshow
Visual slideshow
 
Goo technologies pres sfhtml5_v1_130529
Goo technologies pres sfhtml5_v1_130529Goo technologies pres sfhtml5_v1_130529
Goo technologies pres sfhtml5_v1_130529
 
Everyones invited! Meet accesibility requirements with ColdFusion
Everyones invited! Meet accesibility requirements with ColdFusionEveryones invited! Meet accesibility requirements with ColdFusion
Everyones invited! Meet accesibility requirements with ColdFusion
 
Rules: Duct Tape for Drupal
Rules: Duct Tape for DrupalRules: Duct Tape for Drupal
Rules: Duct Tape for Drupal
 
There's a Module for That, MIMA Summit 2010
There's a Module for That, MIMA Summit 2010There's a Module for That, MIMA Summit 2010
There's a Module for That, MIMA Summit 2010
 
Upgrading to Drupal 9
Upgrading to Drupal 9Upgrading to Drupal 9
Upgrading to Drupal 9
 
Drupal 8 for site builders
Drupal 8 for site buildersDrupal 8 for site builders
Drupal 8 for site builders
 
Ubuntu and the opportunistic programming.
Ubuntu and the opportunistic programming.Ubuntu and the opportunistic programming.
Ubuntu and the opportunistic programming.
 
EdTechJoker Spring 2020 - Lecture 8 Drupal again
EdTechJoker Spring 2020 - Lecture 8 Drupal againEdTechJoker Spring 2020 - Lecture 8 Drupal again
EdTechJoker Spring 2020 - Lecture 8 Drupal again
 
Acquia BLT for the Win, or How to speed up the project setup, development an...
Acquia BLT for the Win, or  How to speed up the project setup, development an...Acquia BLT for the Win, or  How to speed up the project setup, development an...
Acquia BLT for the Win, or How to speed up the project setup, development an...
 
Building Your WordPress Website Using Google Apps Engine
Building Your WordPress Website Using Google Apps EngineBuilding Your WordPress Website Using Google Apps Engine
Building Your WordPress Website Using Google Apps Engine
 

Similar to How To Win a Hackaton - My thoughts on the WebGeek Devcup

Upgrading your site from Drupal 6 to Drupal 7
Upgrading your site from Drupal 6 to Drupal 7Upgrading your site from Drupal 6 to Drupal 7
Upgrading your site from Drupal 6 to Drupal 7Andrew Martha
 
WordCamp Belfast DevOps for Beginners
WordCamp Belfast DevOps for BeginnersWordCamp Belfast DevOps for Beginners
WordCamp Belfast DevOps for BeginnersStewart Ritchie
 
Level up apps and websites with vue.js
Level up  apps and websites with vue.jsLevel up  apps and websites with vue.js
Level up apps and websites with vue.jsVioletta Villani
 
Level up apps and websites with vue.js
Level up  apps and websites with vue.jsLevel up  apps and websites with vue.js
Level up apps and websites with vue.jsCommit University
 
JHipster overview and roadmap (August 2017)
JHipster overview and roadmap (August 2017)JHipster overview and roadmap (August 2017)
JHipster overview and roadmap (August 2017)Julien Dubois
 
Sucuri Webinar: How to Optimize Your Website for Best Performance
Sucuri Webinar: How to Optimize Your Website for Best PerformanceSucuri Webinar: How to Optimize Your Website for Best Performance
Sucuri Webinar: How to Optimize Your Website for Best PerformanceSucuri
 
Release management with NuGet/Chocolatey/JIRA
Release management with NuGet/Chocolatey/JIRARelease management with NuGet/Chocolatey/JIRA
Release management with NuGet/Chocolatey/JIRAYaroslav Serhieiev
 
Form Follows File
Form Follows FileForm Follows File
Form Follows FileAdub
 
EdTechJoker Spring 2020 - Lecture 6 - WordPress
EdTechJoker Spring 2020 - Lecture 6 -   WordPressEdTechJoker Spring 2020 - Lecture 6 -   WordPress
EdTechJoker Spring 2020 - Lecture 6 - WordPressBryan Ollendyke
 
Sample You Tube tutorial for Drupal
Sample You Tube tutorial for DrupalSample You Tube tutorial for Drupal
Sample You Tube tutorial for Drupalsivaprasad balamara
 
Constantly Contributing Pretty Patches FLCD
Constantly Contributing Pretty Patches FLCDConstantly Contributing Pretty Patches FLCD
Constantly Contributing Pretty Patches FLCDMark Casias
 
Social media for Drupal
Social media for DrupalSocial media for Drupal
Social media for DrupalKaren
 
How to keep calm and ship it (Juozas Kaziukėnas)
How to keep calm and ship it (Juozas Kaziukėnas)How to keep calm and ship it (Juozas Kaziukėnas)
How to keep calm and ship it (Juozas Kaziukėnas)Future Insights
 
Picamera, Flask and the Twitter API Raspberry Pi workshop
Picamera, Flask and the Twitter API Raspberry Pi workshopPicamera, Flask and the Twitter API Raspberry Pi workshop
Picamera, Flask and the Twitter API Raspberry Pi workshopbennuttall
 
JS Fest 2019. Minko Gechev. Building Fast Angular Applications by Default
JS Fest 2019. Minko Gechev. Building Fast Angular Applications by DefaultJS Fest 2019. Minko Gechev. Building Fast Angular Applications by Default
JS Fest 2019. Minko Gechev. Building Fast Angular Applications by DefaultJSFestUA
 
Activity 5 a little scratch and squeak
Activity 5 a little scratch and squeakActivity 5 a little scratch and squeak
Activity 5 a little scratch and squeakPhilip Spalding
 
Grav CMS
Grav CMSGrav CMS
Grav CMSbtopro
 
Configuration Management with Puppet
Configuration Management with Puppet Configuration Management with Puppet
Configuration Management with Puppet Rachel Andrew
 

Similar to How To Win a Hackaton - My thoughts on the WebGeek Devcup (20)

Upgrading your site from Drupal 6 to Drupal 7
Upgrading your site from Drupal 6 to Drupal 7Upgrading your site from Drupal 6 to Drupal 7
Upgrading your site from Drupal 6 to Drupal 7
 
WordCamp Belfast DevOps for Beginners
WordCamp Belfast DevOps for BeginnersWordCamp Belfast DevOps for Beginners
WordCamp Belfast DevOps for Beginners
 
Level up apps and websites with vue.js
Level up  apps and websites with vue.jsLevel up  apps and websites with vue.js
Level up apps and websites with vue.js
 
Level up apps and websites with vue.js
Level up  apps and websites with vue.jsLevel up  apps and websites with vue.js
Level up apps and websites with vue.js
 
JHipster overview and roadmap (August 2017)
JHipster overview and roadmap (August 2017)JHipster overview and roadmap (August 2017)
JHipster overview and roadmap (August 2017)
 
Sucuri Webinar: How to Optimize Your Website for Best Performance
Sucuri Webinar: How to Optimize Your Website for Best PerformanceSucuri Webinar: How to Optimize Your Website for Best Performance
Sucuri Webinar: How to Optimize Your Website for Best Performance
 
Release management with NuGet/Chocolatey/JIRA
Release management with NuGet/Chocolatey/JIRARelease management with NuGet/Chocolatey/JIRA
Release management with NuGet/Chocolatey/JIRA
 
Form Follows File
Form Follows FileForm Follows File
Form Follows File
 
EdTechJoker Spring 2020 - Lecture 6 - WordPress
EdTechJoker Spring 2020 - Lecture 6 -   WordPressEdTechJoker Spring 2020 - Lecture 6 -   WordPress
EdTechJoker Spring 2020 - Lecture 6 - WordPress
 
Sample You Tube tutorial for Drupal
Sample You Tube tutorial for DrupalSample You Tube tutorial for Drupal
Sample You Tube tutorial for Drupal
 
Constantly Contributing Pretty Patches FLCD
Constantly Contributing Pretty Patches FLCDConstantly Contributing Pretty Patches FLCD
Constantly Contributing Pretty Patches FLCD
 
Dg presentation
Dg presentationDg presentation
Dg presentation
 
Social media for Drupal
Social media for DrupalSocial media for Drupal
Social media for Drupal
 
How to keep calm and ship it (Juozas Kaziukėnas)
How to keep calm and ship it (Juozas Kaziukėnas)How to keep calm and ship it (Juozas Kaziukėnas)
How to keep calm and ship it (Juozas Kaziukėnas)
 
Picamera, Flask and the Twitter API Raspberry Pi workshop
Picamera, Flask and the Twitter API Raspberry Pi workshopPicamera, Flask and the Twitter API Raspberry Pi workshop
Picamera, Flask and the Twitter API Raspberry Pi workshop
 
JS Fest 2019. Minko Gechev. Building Fast Angular Applications by Default
JS Fest 2019. Minko Gechev. Building Fast Angular Applications by DefaultJS Fest 2019. Minko Gechev. Building Fast Angular Applications by Default
JS Fest 2019. Minko Gechev. Building Fast Angular Applications by Default
 
Activity 5 a little scratch and squeak
Activity 5 a little scratch and squeakActivity 5 a little scratch and squeak
Activity 5 a little scratch and squeak
 
Grav CMS
Grav CMSGrav CMS
Grav CMS
 
Configuration Management with Puppet
Configuration Management with Puppet Configuration Management with Puppet
Configuration Management with Puppet
 
Webpack: from 0 to 2
Webpack: from 0 to 2Webpack: from 0 to 2
Webpack: from 0 to 2
 

How To Win a Hackaton - My thoughts on the WebGeek Devcup

  • 1. WebGeekDevCup taghuddle.com/WebGeekDevCup Thoughts about the WebGeek DevCup Nikko Bautista, Web Application Developer @nikkobautista / linkedin.nikkobautista.com
  • 2. WebGeekDevCup taghuddle.com/WebGeekDevCup Introduction - Nikko Bautista (@nikkobautista) - Team APPNimbus - Bukas Palad
  • 3. WebGeekDevCup taghuddle.com/WebGeekDevCup Bukas Palad http://webpilipinas.github.com/bukaspalad - Bukas Palad is a Donation and Resources Management System for Relief and Donation Centers here in the Philippines
  • 4. WebGeekDevCup taghuddle.com/WebGeekDevCup Developing Bukas Palad http://webpilipinas.github.com/bukaspalad Step 1: Idea - Thought about my family and friend’s stories about their experiences volunteering at Donation Centers
  • 5. WebGeekDevCup taghuddle.com/WebGeekDevCup Developing Bukas Palad http://webpilipinas.github.com/bukaspalad Step 2: Brand - Thought about a good name to use - Once I had a name (“Bukas Palad”), I developed a logo. - You can purchase design/logo elements on GraphicRiver (http://graphicriver.net) for a very cheap price (e.g. Bukas Palad logo template is $4 USD)
  • 6. WebGeekDevCup taghuddle.com/WebGeekDevCup Developing Bukas Palad http://webpilipinas.github.com/bukaspalad Step 3: Minimum Viable Product - Wrote down all the features I wanted, ordered by priority - Erase bottom 50% - From the remaining, I determined which features are ABSOLUTELY and UNEQUIVOCALLY required. - Implement those features
  • 7. WebGeekDevCup taghuddle.com/WebGeekDevCup Developing Bukas Palad http://webpilipinas.github.com/bukaspalad Step 4: Schedule - Determined a deadline for each feature on my list (e.g. Feature #1 should be done by 11:30AM, Feature #2 should be done by 12:00NN - WORK!
  • 8. WebGeekDevCup taghuddle.com/WebGeekDevCup Developing Bukas Palad http://webpilipinas.github.com/bukaspalad Step 5: WORK - By 3PM, I was finished with Step 1 to Step 3 -WORK - WORK - Finished MVP by 6PM
  • 9. WebGeekDevCup taghuddle.com/WebGeekDevCup Developing Bukas Palad http://webpilipinas.github.com/bukaspalad Step 6: Improvements - Picked improvements from my list of features that did not make the second feature cut. - “Transportation” feature - “Update Feed” feature - Implement in a separate Git branch - Launch each feature one at a time
  • 10. WebGeekDevCup taghuddle.com/WebGeekDevCup Developing Bukas Palad http://webpilipinas.github.com/bukaspalad Step 1: Idea - Always choose to do something that you are very familiar with or have experienced yourself. This way, you are knowledgeable with the problem you are trying to solve. This cuts out a lot of research time.
  • 11. WebGeekDevCup taghuddle.com/WebGeekDevCup Developing Bukas Palad http://webpilipinas.github.com/bukaspalad Step 2: Brand - The Brand should be something quite easy to remember and related to your idea. Your brand distinguishes your app from the other applications, so make sure you have a good one.
  • 12. WebGeekDevCup taghuddle.com/WebGeekDevCup Developing Bukas Palad http://webpilipinas.github.com/bukaspalad Step 3: Minimum Viable Product - If your time is limited, always go for the MVP, but make sure to keep a list of all the features you want to implement. This gives you a clear roadmap on where your application is going.
  • 13. WebGeekDevCup taghuddle.com/WebGeekDevCup Developing Bukas Palad http://webpilipinas.github.com/bukaspalad Step 4: Schedule - Scheduling is critical in a situation where time is limited. DO NOT FORCE YOURSELF TO FOLLOW AN UNREALISTIC SCHEDULE. Create one that suits your skills and stick to it as best as you can. - The schedule is there to be your guide; it is not there to be your master.
  • 14. WebGeekDevCup taghuddle.com/WebGeekDevCup Developing Bukas Palad http://webpilipinas.github.com/bukaspalad Step 5: WORK - Be smart about working. If you find yourself doing something for more time than it’s worth, find a faster way to do it or drop it. - Stay Focused and Keep Shipping
  • 15. WebGeekDevCup taghuddle.com/WebGeekDevCup Developing Bukas Palad http://webpilipinas.github.com/bukaspalad Step 6: Improvements - If you can, always use a VCS – it makes it easy to create a stable and a improvements branch. - If there is not enough time for the improvements branch, then just switch to the stable branch
  • 16. WebGeekDevCup taghuddle.com/WebGeekDevCup Taghuddle
  • 17. WebGeekDevCup taghuddle.com/WebGeekDevCup What is Taghuddle? Taghuddle aggregates updates from different social networking sites based on hashtag
  • 19. WebGeekDevCup taghuddle.com/WebGeekDevCup Why use it? - Automatically retrieves your updates from your social networking accounts as long as it has the hashtag - Let’s you see other people’s updates about a specific topic. - Let’s you create a private huddle for retrieving updates and showing them to a specific group of people - Provides an easy, real-time way to discuss the updates with other people
  • 20. WebGeekDevCup taghuddle.com/WebGeekDevCup Case Study: Photobooth - Photobooth photos are taken at an event - All photos are posted in a Facebook album – the album is hashtagged EventName - Visit the huddle for the event (http://taghuddle.com/EventName) - Watch as your photos are automatically retrieved - Provide the link to the event attendees
  • 21. WebGeekDevCup taghuddle.com/WebGeekDevCup Case Study: Wedding - Wedding Planner creates a private huddle for the wedding (taghuddle.com/v/50#DelaCruzSantosWedding) - Notify all wedding guests that when posting pictures on Facebook/Twitter/Instagram to use the hashtag DelaCruzSantosWedding - Once the wedding is done, notify the wedding guests of the private huddle URL, tell them to make sure to connect their accounts
  • 22. WebGeekDevCup taghuddle.com/WebGeekDevCup Case Study: Wedding - While the guests visit the site, all their personal updates are retrieved - Guests who are not friends on Facebook/Twitter/Instagram will be able to see each others updates! - Bride and Groom will be able to see photos from all the guests, from their point of view! - Better Service Provided = More Referrals for you!
  • 23. WebGeekDevCup taghuddle.com/WebGeekDevCup Questions? • nikko@nikkobautista.com • http://facebook.com/nxbautista • http://twitter.com/nikkobautista • http://www.linkedin.com/in/nikkobautista • http://webpilipinas.github.com/bukaspalad/ • http://taghuddle.com