iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Web 3

I have an AI ,I have a React, Ugh ,AI -React 系列

由於AI興起,故使用React的我開始使用AI寫code ,試圖用咒語加上最少的改動,寫出一個網站。

鐵人鍊成 | 共 30 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文 團隊大船要開囉
DAY 11

[Day11] 驗證信箱

咒語:幫我加上驗證邏輯 第一個要Email驗證 第二個英文混大小寫 在畫面中提示 <Box sx={{ mt: 2 }}> &...

2023-09-26 ‧ 由 Vader 分享
DAY 12

[Day12] 會員頁面 修改密碼

咒語:請幫我用mui 幫我完成會員頁面 包含 更改密碼(fetch("http://localhost:3310/users") 包含邏輯...

2023-09-27 ‧ 由 Vader 分享
DAY 13

[Day13]首頁更新 模仿IT 邦

審視完架構後,發現原本生成的首頁 比較像產品頁內容,所以把原本首頁內容移至產品頁面 另外看著IT邦幫忙的首頁 那我人來模仿首頁內容 tab功能以及 table跟...

2023-09-28 ‧ 由 Vader 分享
DAY 14

[Day14] Table 文章結構

今天要做一個文章元件 來處理點擊後顯示的頁面 咒語:幫我做一個文章顯示頁面元件 根據點擊的id 用Mui顯示 title 跟content import Rea...

2023-09-29 ‧ 由 Vader 分享
DAY 15

[Day15] 購物車頁面

首先 先開啟產品頁面咒語:將每個商品加上加入購物車內容 並且把title 跟price 使用一個購物車物件存起來以備之後購物車頁面查看 ( <R...

2023-09-30 ‧ 由 Vader 分享
DAY 16

[Day16] 人總是要聊天的 留個言吧

咒語:幫我用mui元件寫一個留言板 先有一些假資料 並且輸入時可以用暱稱欄位產生AVstrar頭像 留言的功能區塊改成收合或彈窗功能 import Reac...

2023-10-01 ‧ 由 Vader 分享
DAY 17

[Day17] 鐵人賽過半了 來聽聽音樂吧

咒語:使用mui組件建立一個音樂撥放器 並且包含上傳按鈕 用上傳的不要路徑 播放邏輯(再按一次可暫停)/音樂進度條/音量進度條 內容以繁體中文表示 不使用re...

2023-10-02 ‧ 由 Vader 分享
DAY 18

[Day 18] 小犬颱風要來了 來看一下天氣吧

咒語:使用mui 生成JSX 設計一個天氣應用頁面,利用 Material-UI 的卡片、圖標和數據表格來顯示當前和詳細的天氣信息。使用 fetch('http...

2023-10-03 ‧ 由 Vader 分享
DAY 19

[Day19] 個人資訊頁面

咒語:制作一個社交媒體個人資料頁面,包括用戶頭像、個人信息、帖子列表等,使用 Material-UI 的頭像、卡片和標簽組件 import React from...

2023-10-04 ‧ 由 Vader 分享
DAY 20

[Day20] 新版navbar

由於在app.jsx 不能使用useLocation 請他生成Navbar元件要使用useLocation更新點擊時按鍵顏色 咒語:app.jsx不能用use...

2023-10-05 ‧ 由 Vader 分享