ประสบการณ์ Hackathon ครั้งแรกกับงาน PWA Online Hackathon

ประกาศผลแล้วจ้าาา > <

พึ่งประกาศผลกันไปสดๆร้อนๆเมื่อเช้า กับผลการแข่งขัน PWA Online Hackathon ที่จัดโดย Web Developer Thailand เมื่อวันศุกร์ถึงวันอาทิตย์ที่ผ่านมา

แน่นอนว่า… ทีมเราไม่ได้รางวัลใหญ่ 55555555+

แต่ก็ไม่ได้ทำให้เราเสียใจเท่าไหร่ เพราะอย่างน้อยเราก็ได้เสื้อยืด เอ๊ย! ได้สติ๊กเกอร์จาก GitHub มาเป็นรางวัลปลอบใจ (แต่ก็ได้เสื้อยืดด้วยนะ เพราะส่งทัน 200 คนแรก > <)

ทีม guucode อยู่รองสุดท้ายเลย 😀

ถ้าจะให้เขียนเกี่ยวกับงานนี้ ต้องย้อนกลับไปเมื่อประมาณ 1 เดือนที่แล้ว ตอนแรกที่เห็นงานนี้ผ่านขึ้นมาบน New Feed ของ Facebook ก็ยังไม่ได้สนใจเท่าไหร่ เพราะตั้งแต่เขียนเว็บมา ก็เคยเขียนแค่ HTML, Javascript(jQuery), CSS แล้วก็ PHP (มี DynamoDB อีกนิดหน่อย) จริงๆคือก็อยากจะลองเขียนเว็บจาก Framework ใหม่ๆบ้าง แต่ยังไม่มีไอเดีย เลยทำให้รู้สึกเฉยๆ แต่สิ่งที่ทำให้ตัดสินใจแข่งนั่นคือ…

“เสื้อยืดคนที่ส่งทัน 200 คนแรก!”

ภาพจาก pwa.online.hackathon.in.th/prizes

ใช่แล้ว! เราอยากได้เสื้อมากกกก (เวลาเอาไปบอกใครก็ชอบมีคำตอบกลับมาว่า ทำไมหวังน้อยจัง… ก็มันอยากได้นินา เท่จะตาย 555) ทำให้เราตัดสินใจลากเพื่อนสนิท แล้วก็เพื่อนของเพื่อนสนิท ฟอร์มทีมเพื่อมาแข่งงานนี้ด้วยกัน

คนลงทะเบียนก็ไม่ใช่น้อยๆนา…

ทีมเราชื่อทีม “guucode” (ซึ่งไปเหมือนกับเพจ กูโค้ด โดยบังเอิญ ต่างกันก็แค่มี u สองตัวนี่แหละ 555) ประกอบไปด้วย 5 คน (Designer 1 คน และ Programmer อีก 4 คน… รวมทั้งเราด้วย ^ ^) โดยเรารับหน้าที่ออกแบบหน้า UI ร่วมกับเพื่อนที่เป็น Designer ส่วนเพื่อนอีก 3 คนก็แบ่งหน้าที่ต่างๆกันไป

พวกเราคือทีม guucode!!!

งานนี้เราใช้เวลาเตรียมตัวประมาณ 1 เดือน เพราะในกลุ่มตกลงว่าจะใช้ Angular ในการเขียนแอพในครั้งนี้ ซึ่งเราไม่เคยเขียนมาก่อน ดีที่เคยซื้อคอร์ส Angular 4 (formerly Angular 2) – The Complete Guide บนเว็บ Udemy ไว้ เลยใช้เวลาประมาณ 1 เดือนนี่แหละ นั่งเรียนแบบมาราธอนสุด ทุกวันหลังเลิกงาน รวมถึงวันหยุดส.-อา. (แต่สุดท้ายก็เรียนจบไปแค่ 43% T^T)

โจทย์ของการแข่งขันก็คือ ให้ทำแอพ Progressive Web App อะไรก็ได้ โดยมีกติกากฏกติกาเล็กน้อย

กติกาจากเว็บ pwa.online.hackathon.in.th/rules

 

วันแรก

• งานเริ่ม 2 ทุ่มตรง แต่กว่าจะเริ่มมารวมตัวกันก็เกือบสามทุ่มครึ่งซะละ
• ด้วยความที่ไม่ได้เตรียม Design กันมาก่อน ทำให้กว่าจะเริ่มโค้ดหน้า UI จริงๆก็ประมาณเที่ยงคืนของคืนวันศ.
• กว่าจะได้นอนก็ตีห้าแหนะ โดยทำเสร็จไปแค่ 2 หน้าคือหน้า Login กับ Register

 

วันที่สอง

• ตื่นกันประมาณ 9 โมงเช้า เพื่อมาทำหน้า UI ต่อ
• วันนี้ก็ทยอยทำหน้าหลักๆ (หน้าแสดงผลรวม) มีการแก้ UI บ้างเล็กน้อย แต่ก็ยังไม่เสร็จทั้งหมด
• ตอนเย็นสั่ง KFC มากินฉลองกัน พร้อมทั้งออกไปเดินตลาดๆ รวมๆแล้วก็ 4 ชม. (เดินเพลินจนลืมไปว่าแข่งอยู่ 555)
• กลับมาเขียนโค้ดต่อแบบตาจะปิดจนถึงเกือบตี 4

 

วันสุดท้าย

• ตื่นมาตอน 9 โมง เหลือแค่หน้าสถิติที่ยังหา library แบบที่ designer ต้องการไม่เจอ
• กว่าจะลงตัวได้ก็เกือบบ่ายๆ หลังจากนั้นก็ได้เวลา… นอน Zzz
• แล้วก็รอจนหมดเวลาการแข่งขันประมาณ 2 ทุ่ม

ส่งเป็นทีมที่ 12 นะจ๊ะ > <

 

สิ่งที่ได้จากการแข่งขันรอบนี้

• แน่นอนว่าได้ลองอดหลับอดนอนเขียนโค้ด แม้ว่าตาจะปิด แต่ถ้ามันยังไม่ได้ตามที่เราต้องการ เราก็จะยังไม่นอน
• อ่อ… ได้สิวมาเม็ดนึงจากการอดนอนนี่ด้วย 555
• ได้ลองใช้ Angular 4 เป็นครั้งแรก
• รวมถึงการได้ลองใช้ Angular Material ด้วย (ปกติรู้จักแต่ Bootstrap)

 

สุดท้ายแล้วต้องขอบคุณผู้จัดงานทุกๆท่านที่ทำให้งานนี้เกิดขึ้น หวังว่ารอบหน้าคงได้มาทำอะไรสนุกๆแบบนี้อีกนะครับ ^ ^