FEM Pomodoro App

Pagkatapos kong tapusin ang CodeGuage course ko sa JavaScript, sabik na sabik akong subukan ang mga bagong natutunan ko. Ang paggawa ng Pomodoro web app ang tila perpektong hamon. Hindi lang ito makakatulong para maging mas produktibo ako; maganda pa ang disenyo—at nakakatuwang proyekto talagang pasukin. Simple lang ang pangunahing layunin ko: magkaroon ng hands-on na karanasan sa pamamagitan ng pagbuo ng isang de-kalidad at gumaganang proyekto na maipagmamalaki ko.

Habang kino-code ko ang parte ng settings ng Pomodoro app ko, napansin kong lumobo na ang JavaScript file ko—umabot na sa 587 na linya! Alam kong kailangan kong mag-ayos ng istruktura. Matapos mag-surf sa internet, na-realize ko na walang isang tamang paraan lang para istrukturahin ang JavaScript. Madalas kong hinahanap ang “tamang” paraan — pero sa totoo lang, maraming paraan para lapitan ang isang problema. Natuklasan ko ang MVC architecture at pinili kong gamitin ito, kahit na hindi ito ang pinakakaraniwang pagpipilian para sa JavaScript. Minsan, kailangan mong piliin ang gumagana para sa iyo — kahit na medyo kakaiba.

Isa pang hamon ay ang pag-unawa sa technical documentation. Ang pag-implement ng push notifications ay naging mahirap dahil sobrang teknikal ng lengguwahe. Ipinakita nito na kailangan kong maging komportable sa mga tekstong iyon at sa mga terminong teknikal para maging mas epektibo sa trabaho.

Bukod doon, karamihan ng mga tanong ko ay basic lang — paano gumawa ng timer, paano gawing accessible, paano magdagdag ng progress bar — pero mabilis ko nakuha ang mga sagot salamat sa napakagaling na online community. Sa kabuuan, napakahusay na learning experience ito na nagpaunlad ng aking coding practices at problem-solving skills.

Naku! Saan nga ba ako magsisimula? Ang Frontend Mentor Challenge na ito ang nagbigay sa akin ng ilan sa pinakamahalagang kaalaman na nakuha ko hanggang ngayon, kabilang ang Open Graph (OG), accessibility, search engine optimization (SEO), Block Element Modifier (BEM), MVC (Model View Controller) architecture, validations, closures, progressive web applications (PWA), at pinakamahalaga — ang Node Package Manager (NPM). Binuksan ng NPM ang isip ko sa paggamit ng mga libraries na napakalaking tulong sa mga proyekto ko.

Sa simula, gaya ng iba kong Frontend Mentor projects, plano ko lang na mabilisang isulat ang code nang hindi gaanong iniintindi ang kalidad. Ngunit nagbago ang pananaw ko nang mapanood ko ang isang video mula sa isa sa paborito kong C++ channels, ang The Cherno. Dito, binigyang-diin niya na ang oras na ginugol sa isang proyekto ay hindi garantiyang magreresulta sa magandang kalidad. Kung puro puro lang coding ka at hindi nag-aaral habang gumagawa, pwedeng hindi mataas ang kalidad ng lumabas na code. Tumama sa akin ang mga salitang iyon dahil dati, ginagamit ko lang ang mga Frontend Mentor challenges para sukatin ang bilis ng paggawa ko at kung gaano kabilis matapos ang proyekto.

Dahil doon, naudyok akong lumabas sa comfort zone at mas mag-research at mag-aral nang malalim. Bilang resulta, ginugol ko ang mas maraming oras sa pagkatuto at pagbuti ng mga kasanayan ko.