Skip to content

Jack-R-Hong/shoppingCart-react-redux-

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

'#簡單購物網練習'

作品已部屬在heroku上,會休眠,開啟時會顯示錯誤,重新整理才會正確顯示,可以參考看看。

點我

#功能說明

##使用技術

react , redux, axios, material-ui,express ,mongoose

##頁面說明 ###首頁

用material-ui中的組件實現rwd的功能,商品欄的商品利用axios從後端獲取資料,可以利用資料連結商品詳細資料。 appBar上有個頭像,若未登入會跳出登入視窗,裡面有往註冊頁面的連結,若不註冊新帳號可用 帳號: 2@sss.com 密碼:123456 登入。 appBar上的購物車可連結購物車。

###我的拍賣

若已登入帳號可連結到此頁面,appBar上的新增商品可新增商品。 若有商品的情況下可刪除商品。 更新商品未完成。

###上架商品

可以上傳圖片以及商品資料,圖片是上傳到imgur,上傳完成後回傳圖片地址,再連同商品資料存到後端的資料庫。 ###購物車

利用localstorage儲存商品資料,下次再進入此頁面時可顯示上次的商品,而且不登入即可紀錄商品資料,已待登入時即可繼續購物。 "確定購買"按鍵可根據是否登入,反映不同動作。 ##後端說明 利用nodeJs express 製作roter,接收與發送前端的資料與資料庫連結,資料庫為mongoDB。 登入時會從資料庫中找查資料,若帳號密碼正確回傳token給前端。

##附註 此為開發環境,可以用console觀看action,所以有點慢。

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages