PTT推薦

[請益] 新鮮人 React作品請益

看板Soft_Job標題[請益] 新鮮人 React作品請益作者
newbout
(Artur!a)
時間推噓10 推:10 噓:0 →:36

作品連結: https://fakeplushie.netlify.app/
作品Github: https://github.com/JZWe/fakeplushie

各位好,我是剛入門 React.js 兩個月左右的新手。

同時也是資工系剛畢業沒多久的學生,但我程式能力沒有到特別厲害就是應該算班上後段....

最近有 follow 一部 youtube 上的影片 https://www.youtube.com/watch?v=377AQ0y6LPA
來實作一個簡易的電商專案

雖然網站不是特別好看,不過有依照自己的需求改網頁樣式,套了一些基礎的RWD概念,

程式邏輯跟檔案架構也不是全部都按照影片裡的來做複製貼上

有大概改了一半部分,包含用 custom hook、react-redux 等等的技巧

最近有想要用這個作品來投履歷,不知道版上的各位對我的這個作品有什麼看法?像是程式碼跟資料夾架構會不會太雜亂?

之後也想在這個作品加自製的功能(自製後端而非純套別人的API、加入測試、Next.js)跟嘗試不同的寫法 (Typescript)

還請各位多多指教了

--
| || | |∥ | ▏▊-*"*-▍▌|||
第六天萌王|︱| | | | -_ |||
織田信奈 | ▏|▍▏▉▊ \ ▄▅▃▎▊|||
Edit By || ▊︱ ◤ ▏▼ \ ▄ ||
tassadar1 \| ﹨ _▂▲ ︱||
▎|▌▏| ◤◤▄ |

--

※ PTT 留言評論
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 49.217.76.42 (臺灣)
PTT 網址

handsomeLin08/05 15:04手機打不開欸

newbout08/05 15:07你是安卓的嗎?我在FB社團看到有人也有打不開的問題

NTULioner08/05 15:11https://i.imgur.com/igO6O1l.png

vi00024608/05 15:16我覺得首頁有點不知所云 可以再想一下內容要放什麼

newbout08/05 15:17我在看一下設定好了,因為我看別人用安卓的可以開網頁,

newbout08/05 15:17那應該是我沒設定好什麼東西

newbout08/05 15:17感謝回覆

jobintan08/05 15:38小想法,如果想做電商的話,landing page能與要賣的東西

jobintan08/05 15:39相關比較好,至少要讓來訪的客人(尤其是prospect)知道

jobintan08/05 15:40你們家賣的是什麼………以上個人廢言。

jobintan08/05 15:41landing page輪播可以的話就做到圖加簡單的文案比較好。

newbout08/05 15:55了解了,因為原先的教學也沒有首頁的概念,只有展示商品

newbout08/05 15:55跟購物車還有建立訂單的部分

newbout08/05 15:55所以算是自己亂加的哈哈

kriss071208/05 15:56未看先猜 package.json homepage 要設定

luffy8421708/05 16:03撇除外觀畫面的話其實從程式碼部分只能得知

luffy8421708/05 16:04你對react redux有些瞭解以及會使用套件

luffy8421708/05 16:06可以多一些自己刻的css和storage應用及資料傳接轉換

luffy8421708/05 16:06等等

sjensen08/05 16:33提一下,輪播圖這樣做會一直送請求,前幾次也會blank跑版

sjensen08/05 16:34,建議用display:none之類的css作法比較好。最近也是剛學

sjensen08/05 16:34完React,用Nextjs 做了一個簡單作品,有興趣可以交流一

sjensen08/05 16:34下~

sj大你好,但我確認過輪播圖最多只會送兩次圖(第二張、第三張),我有什麼 遺漏到的地方嗎? 至於我在 .slide的部分改成 display:none , .slide-active改成 display:block之後 已經沒有跑版的問題了,感謝提點

lynx08/05 17:06如果都有自己的思考,被面試官問到才會有信心回答

kangan98708/05 18:16建議在 github 上寫一份 readme ,介紹一下作品概念,

kangan98708/05 18:16用了什麼技術,為什麼用,結帳那部分有串信用卡的話,

kangan98708/05 18:16也提供一下 demo 卡號,讓使用者能夠實際操作。

aloma08/05 18:46打不開 空白的

as2304124808/05 19:20打不開

newbout08/05 21:33我用家人的iphone測打的開,但是畫面好像就馬上跑板了

sjerrysss08/05 22:07UI不行 做網頁還是要有一點美感

謝謝推文的回覆,關於這些問題我會盡量去解決的

※ 編輯: newbout (49.217.76.42 臺灣), 08/05/2021 22:39:14 ※ 編輯: newbout (49.217.76.42 臺灣), 08/05/2021 22:39:49 ※ 編輯: newbout (49.217.76.42 臺灣), 08/05/2021 22:42:40

sakyle08/05 22:41格式不合格,除了欄位變紅色,應該也要有提示訊息吧

sakyle08/05 22:41我看你只有主控台那邊有訊息,但畫面沒跳出來

yyc121708/05 23:12能證明你會看react文件依據需求做出想要的功能 新手能這

yyc121708/05 23:12樣已經很厲害了

yyc121708/05 23:12美感很難強求 先學習切版比較有幫助

yyc121708/05 23:13我認為可以整理好readme後先投投看幾家試水溫

b10130402C08/06 01:21推實作

jobintan08/06 10:50如果大佬要的是前端「工程」那專在工程那塊就好,美感啥

jobintan08/06 10:51的由專門的UX/UI設計師來負責就好,除非公司沒資源。

m666666m08/06 11:46推,先不強求UI/UX,建議checkout form 追加 validation

m666666m08/06 11:46會更好

miku392008/09 14:13美感交給設計師,你要負責的是功能

jobintan08/10 12:24要做電商storefont的話,用Next.js+SSR會比CSR好,電商

jobintan08/10 12:25storefront要顧及SEO,如果是Admin board者CSR就可以。

jobintan08/10 12:26Next.js+SSR還是學一下唄,以後說不定工作會用上。

Next.js 現在有在學了,至於上面推文有人提到的 Checkout Form Validation 已經有完成功能,iOS的問題我就暫時不處理了 目前想先改一下Read.me後就會投履歷試水溫看看 之後看有沒有拿到offer再繼續回來改code 總之還是謝謝各位的回饋。

※ 編輯: newbout (49.217.132.59 臺灣), 08/10/2021 20:02:50