[請益] 前端作品請益

[blostirck (bobo)]

各位好!
小弟是私立糞校非相關科系畢業，目前28歲，自學寫程式大約4個月左右

最近用嘗試 React 跟 Node.js 做了一個搭配地圖的旅館查詢網頁

目前是把網站部屬在Netlify上面

作品連結:https://hotelion.netlify.app

server目前部屬在Heroku上面
因為是免費仔的關係，30分鐘無人使用的話，server就會自動進入休眠狀態
所以第一次搜尋時可能跟server要資料的時間會比較久一點

另外附上我的GitHub連結:https://github.com/JosephShu/Hotelion


因為身邊沒有朋友從事軟體工程師的工作，
不知道去面試的話，
這個作品是否還是太粗糙了一點?
希望各位大大能提供一些建議
避免自己養成一些錯誤習慣卻不自知，以及一些精進的方向

謝謝!

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.43.50.189 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Soft_Job/M.1635735211.A.112.html
推 humanfly: 年紀跟成品還行，但不要期待面試官會點進去看
→ humanfly: 把你會的重點列一列，有機會面試好好做簡報
了解，謝謝

推 ntpuisbest: 有信心點，我當初作品慘不忍睹也是有工作，但不到5
→ ntpuisbest: 0k就是了
→ shooter555: 多數人沒作品 有作品就贏一票了 放心
s1;37m→
好的 謝謝

[1;37m推 jonyig: heroku 可以做 time 讓他30分鐘自己檢查自己有沒有醒       11/01 12:59

好的 我晚點試試
不好意思 在編輯的時候動到你的推文格式

→ DrTech: 敢問大哥要找什麼工作，為什麼要用破英文來突出自己的個性
主要就是前端的部分唄 破英文就是...英文單純破 試著用用看XD

推 johny777: Commit message要規範一下不然沒人看得懂這commit內容
→ paint: 英文敘述的部分可以善用Google翻譯或Grammarly來校正與改善
→ kangan987: 手機點選單只看得到 overlay
好的 我晚上來研究一下 另外想請問一下手機的規格是IPhone嗎?

非常感謝各位大大提供的寶貴意見

我的破英文看起來是非常的破XD
近期會想辦法改善破英文的問題

謝謝!
※ 編輯: blostirck (114.43.50.189 臺灣), 11/01/2021 14:34:56
※ 編輯: blostirck (114.43.50.189 臺灣), 11/01/2021 15:12:07
→ sevenHEAD: 看要不要把class 元件改成function的 （這是某個課程
→ sevenHEAD: 的project嗎？怎麼會用class component?
這個project是我自己做來練習用的
其實會用class component 是因為剛開始用react的時候就是照著官網上製作ooxx
遊戲的步驟來做的啦XD 所以才會用class

→ kangan987: 是S21唷
ok! 謝謝

推 hegemon: React最開始的教學都是class呀...
推 libitum: 英文破不是短期可以改善的啦 就像上面有人提到的 先用
→ libitum: google translator中翻譯 在自己微調 最後用grammarly
→ libitum: 去檢查文法 都會比你打的那些通順 盡量修飾隱藏一下缺點
好D 非常感謝

→ phi12345: 資料是抓自己的還是google的
如果是指資料來源的話 資料我是從政府公開資訊那邊下載下來的
之後再自己用nodejs丟到mongoDB裡面

推 abc0922001: 贏超過一半的人了吧
→ abc0922001: 我覺得 Readme 根本不用寫你學幾個月
→ abc0922001: 單純說明你這專案的資訊就好
好D 謝謝

推 MoonCode: 讚耶 同是轉行自學推推
→ MoonCode: 面試就是把所有的職缺都投一輪就是了
好D 第一次轉職呢 總是覺得有點沒信心XD

推 kurtsgm: 我應該差不多把你github裏面每隻檔案都點開來看過了
→ kurtsgm: 給幾個建議 1. 老實說雖然成品視覺上滿漂亮 但點了幾隻
→ kurtsgm: code進去其實看得出來滿多都是用既有的package直接套而已
→ kurtsgm: 看不太出來你自己寫的東西在這個project的重要性 (相較於
→ kurtsgm: 漂亮的map)  2. commit的note可以不要這麼直白 我看到好
→ kurtsgm: 個那種"不知道為啥怪怪的" "不知道為啥但能動"
→ kurtsgm: 我是面試官的話看到這些會覺得有點扣分
→ kurtsgm: 我有時候會跟RD說 程式不會有靈異事件(大多數情況啦 XD)
→ kurtsgm: 事出必有因 要找到原因...所以你的commit那些"weird"我覺
→ kurtsgm: 得寫上去不是好事
好的 我在想辦法解決看看

推 jim505082000: 你好像把token commit進去惹
我沒注意到呢 我再來修正他 謝謝!
※ 編輯: blostirck (114.43.50.189 臺灣), 11/01/2021 18:59:38
→ DrTech: 我的意思是，你又不找外商，幹嘛寫英文自爆。好好學個 mar
→ DrTech: kdown用中文寫條列式，都很加分了，覺得這個人有基本的規
→ DrTech: 範。寫一堆英文還不排版，扣分。
→ DrTech: 另外很多很有個性或隨意的話，不要寫，很不專業又隨便，凸
→ DrTech: 顯了你的個性。
→ DrTech: 工作隨便找也有。但還是建議您專業的做法。
推 DrTech: 感謝原文願意分享作品與大家交流。
推 TWkobe: 我也建議英文找人修或用deepL翻譯還好一點，盡量用條列式
→ TWkobe: 說明，只講專案有關的東西，自介放cv不要放這
推 famous727: 建議可以把使用過程錄製做成GIF檔放在github上
推 lukelove: 建議英文找人修+1
推 hduek153: 推分享 不過read me直接寫專案在幹嘛就好
推 zmcx16: 可以用freshping設定每五分鐘去戳他, 如果heroku你有綁信
→ zmcx16: 用卡,全天開也可以完全免費
推 nereuseng: 試試看能不能換成 function component，還蠻少人新的
→ nereuseng: 程式碼用 class component，再來是寫一些測試，unit t
→ nereuseng: est，e2e test，還有也要加上 linter，最後再配合一些
→ nereuseng:  CICD 像是 travis等的自動化，應該就還不錯了
→ x246libra: 樓上你說的這些 小公司 senior前端都不一定會了
→ x246libra: 你要一個剛轉職的搞ci cd... 不覺得會有加分效果
→ x246libra: 很多人都說要寫測試 但我去的公司 沒人懂
→ x246libra: 只能花時間研究 怎麼寫出 可測試的程式碼
→ x246libra: 一家好公司 不會因為一個人 會單元測試就僱用 他
→ x246libra: 還不如刷演算法 比較可以入好公司的法眼
→ x246libra: 爛公司 也不會因為你不會單元測試 就不僱用你
→ x246libra: 我說的他是指 一個非本科無工作經驗的新人
推 CaptainH: 我覺得這做得很好了，commit message沒那麼重要，每個
→ CaptainH: 公司都有自己的規定
→ CaptainH: 前端很漂亮，很好。但有幾個小bug
→ CaptainH: Readme改用中文並以專業語氣簡單解釋使用的技術及開發流
→ CaptainH: 程
推 CaptainH: 搞CI/CD/Linter等等跟本太偏
推 ponpon55837: 我看了一下你github上import的路徑，看要不要試著把
→ ponpon55837: 文件改用alias的方式引入，不然寫../../../對自己開
→ ponpon55837: 發上蠻痛苦的，也容易出錯。
推 single4565: 用相對路徑有時候真的比較好一些
推 brucetu: github搜尋別人的看一下 關鍵字例如hotel map
→ brucetu: 看別人的readme怎麼寫得漂亮
→ Qoofate: 我是不懂React , 但看不出你自己寫的演算法阿
→ Qoofate: readme沒很重要吧 code的內容還比較重要
非常感謝各位大大提供的建議，小弟會好好參考別人寫的readme後，再好好想想如何以
專業語氣寫出漂亮的readme

unit test 跟 e2e 剛剛有稍微找了一下，雖然感覺對現在的我來說還有點遙遠
但多知道一點東西對我來說總算是好事

再次感謝各位大大提供寶貴的意見，謝謝!
※ 編輯: blostirck (114.43.50.189 臺灣), 11/02/2021 18:40:19
推 Jigsaw41: 單就前端的作品會有幾個建議是：1. 作品看起來規模偏小
→ Jigsaw41: ，而且功能大多是套件提供的，看不出實際的開發實力，如
→ Jigsaw41: 果想當火力展示的作品，再添加多一些功能會更好（比如會
→ Jigsaw41: 員功能，讓使用者可以添加收藏的住宿地點之類的）。2.
→ Jigsaw41:  承上點，因為專案偏小的關係，狀態管理不太複雜，可以
→ Jigsaw41: 再想想是否需要使用 redux。3. 如果要用 redux，通常會
→ Jigsaw41: 跟 react-redux 一起做使用。
好的 非常感謝!
※ 編輯: blostirck (114.43.50.189 臺灣), 11/02/2021 18:44:50
推 MyNion: 轉職加油，往前邁進
推 TanyZhong: 推推！如果觀看都要等時間，HR或者主管應該都沒時間看
→ TanyZhong: 吧？
→ superpandal: 作品也並不是入行保證
→ jobintan: 有一定年紀作品最好可以證明自己有戰力，不然沒啥人會要
→ jobintan: 一個30y以上又不是四大四中畢業的小白。
推 forever19735: 一堆senior都不見得會cicd 了
推 gobbiby: 搜尋欄如果打“台南”去搜尋是沒有資料的，得打“臺南”
→ gobbiby: 才有資料出現耶
推 davidsky: 用 class 寫有什麼問題..不是什麼都適合 functional 阿