iT邦幫忙

2021 iThome 鐵人賽

DAY 5
0
Modern Web

做一個面試官無法拒絕的sideproject,當一個全能的前端系列 第 5

DAY5 - Side Project 主題:90天原子習慣挑戰

荀子勸學篇中有一段是這樣的: 「積土成山,風雨興焉;積水成淵,蛟龍生焉;.....。故不積蹞步,無以致千里;不積小流,無以成江海。騏驥一躍,不能十步;駑馬十駕,功在不舍。鍥而舍之,朽木不折;鍥而不舍,金石可鏤。」

荀子強調累積的重要,沒有什麼事情是一蹴可幾的,只有不斷一點一滴的累積,才能獲得可觀的成果。

這個和現代強調的原子習慣的概念不謀而合,只不過原子習慣更加強調動機和想法,來幫助你能更加持之以恆。

什麼是原子習慣挑戰?

習慣就像人生的原子,每一個習慣都是造就你整體增長的基本元件,而大家都知道養成好習慣對人生的重要性和影響力,也理解持之以恆的道理,卻總是淪為無法撐過一個月或三日打魚,兩日曬網的情形;或是總覺得完成一件事情或達成一個目標就是要有遠大的目標,有驚天動地的進展,結果才會可歌可泣。

我們都高估了「衝動」對我們的重要性,一直在等待「動力」、「靈感」來的那個瞬間才願意開始去做;也更低估了每天都做一些如原子般小改善的價值,這些小小的慣常行為似乎無關緊要,但很快地,它們就會互相堆疊,透過微小的改變、日積月累的複利的效應,激發大一點的效應;這些效應又會相乘,最終到達的等級遠遠超出一開始的投資。

習慣雖小,但威力無窮,每天增加0.01,一年以後會變成現在的37倍強大;每天退步難以察覺的0.01,一年之後,會成為現在的0.03,自我改善的複利就是「原子習慣」

為什麼是九十天呢?

  • 降低心理門檻:我們也理解一年其實很長,快速變換和前進的社會讓很多人若在短時內無法得到回饋或改變就支撐不下去,降低起心動念的難度,讓大家開始願意去做是活動的宗旨和初心,也是確保普羅大眾都一定可以做得到的時間。
  • 快速累積小勝利: 三個月體驗累積的力量,也讓自己達成時有小小成就感。
  • 快速試錯再前進:90天內發現自己原來不喜歡或不適合現在正在做的事情,太好了,不必再多花時間,換另一個方式和計畫前進吧!

iTHome 鐵人賽

鐵人賽也是一種原子習慣的展現,透過30天的累積,一天寫一篇自己挑戰的主題的文章,不論長或短、困難或簡單,一點一滴的累積,與透過社群的力量互相砥礪,還有完賽的獎賞的肯定,都大幅減少在堅持過程中的無助感與增加誘因縮減放棄的念頭

試想,一天只要多1%努力,30天之後,就成長了1.347倍的成果;如果90天的話,90天之後就成長了2.448倍,這個是多麼驚人的成果阿!

90天原子習慣挑戰

目標與拆解

這次的 side project 主題就是要挑戰製做一個「90天原子習慣挑戰」的網站,這個網站我想要達成以下的目的:

  1. 介紹什麼是原子習慣挑戰
  2. 提供一個打卡介面,讓使用者紀錄與證明每天挑戰的內容
  3. 提供一個介面,檢視自己每天打卡的歷程,與瀏覽其他挑戰者的打卡紀錄,互相激勵
  4. 提供提醒的功能,讓挑戰者彼此知道大家打卡了,讓挑戰者增加互動的感覺

為了達成以上四個目的,將這幾個目的拆解為實際的行動:

  1. 建立一個介紹的頁面,用豐富的介面與動畫介紹與吸引人參加挑戰
  2. 需要有一個後端服務,建立帳號管理系統與資料庫,儲存每個挑戰者的歷程與資訊
  3. 前端需要一個打卡頁面,讓挑戰者上傳挑戰的證明
  4. 前端需要一個展示頁面,讓挑戰者瀏覽自己的挑戰歷程與瀏覽他人的挑戰歷程
  5. 前端需要與後端服務串接
  6. 需要與通訊軟體串接,一旦挑戰者打卡後,馬上推送訊息到通訊軟體

在這個階段就像PM的角色,開始發想產品的目的與要如何實現與拆解。等拆解完畢之後,就會從規劃階段進入施工階段,開始大量撰寫程式碼,完成以上任務

介紹頁面

https://ithelp.ithome.com.tw/upload/images/20210920/20120107RCG4SxhxhC.png

https://ithelp.ithome.com.tw/upload/images/20210920/20120107UWnpL5ysWO.png

打卡頁面

https://ithelp.ithome.com.tw/upload/images/20210920/201201077BpY5xLzfR.png

瀏覽自己與他人挑戰歷程頁面

https://ithelp.ithome.com.tw/upload/images/20210920/20120107lqatCHzeKm.png
規劃完畢之後,下一篇就要開始動工囉!從挑選UI框架開始


上一篇
DAY4 - 認識Nx
下一篇
DAY6 - 挑選一套自己喜歡的UI框架
系列文
做一個面試官無法拒絕的sideproject,當一個全能的前端30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言