CakeResume
CakeResume Logo
Log In
Sign Up
Build your Network
My Network
Access your personal network connections and manage your contacts.
CakeResume Meet
Expand your professional network by meeting and connecting with other users.
Community
Engage with other users through discussions, forums, and networking events.
Log In
Sign Up
Portfolios
沈沛玟
SEIZEE論壇頁面設計

SEIZEE論壇頁面設計

Avatar of 沈沛玟.
Avatar of 沈沛玟.

SEIZEE論壇頁面設計

By沈沛玟
前端工程師
・
New Taipei, Banqiao District, New Taipei City, Taiwan

SZIZEE論壇首頁

論壇首頁隨機推薦所有文章，每篇文章都有專屬的小圖案，為畫面增加活潑的色彩除此之外，畫面還可以用拖曳的方式顯示出更多的文章，看到有興趣的文章也可以隨時點進連結

 

料理版可依照使用者喜歡的食材、食用的份數、烹飪的時間，篩選出相對應的食譜貼文，右側為隨機推薦各類別的文章，讓使用者再每次進到頁面時能關注到更多的惜食相關資訊

在使用者有登入的情況下，點選我要發文可至發文頁面發表文章，並可在我的發文查看此使用者發表過的所有貼文，點愛心收藏可到會員頁查看所有收藏文章

 

食譜內文右側的步驟欄可依據使用者製作料理的進度勾選相對應的步驟，點按步驟也可以回到相對應的步驟說明

 

文章內頁皆可留言，讓使用者們能有更多的互動

 

SEIZEE論壇ＲＷＤ設計

使用 React.js 搭配 Node.js 及 ＭySQL 進行小組專題開發。 SEIZEE除了發音類似「惜食」，也希望取用「seize」的意思，表達把握、珍惜的初衷，以簡單好念好記的方式有效率地傳達我們網站的主要核心——珍惜食物。 素材網站： https://dotown.maeda-design-room.net/category/maebon3/ Github: React: https://github.com/Shenpei0617/SEIZEE-React/tree/pei/src/02-forum Node: https://github.com/Shenpei0617/seizee_node.js/blob/1a920f160aff7300b9ca438704a79c77098899f2/routes/forum.js
Avatar of the user.
Please login to comment.
沈沛玟
Published: Jan 5th 2023
95
2
0

Tools

github
GitHub
git
Git
html5
HTML5
javascript
JavaScript
sass
SASS
mysql
MySQL
nodejs
Node.js
express
Express
react
React
forum
yellow
cookbook
cook
Websit
food

Share

Other works from 沈沛玟

Cover of 登入頁面設計.
登入頁面設計
Cover of 農場網站視覺設計.
農場網站視覺設計
Cover of 雞蛋糕網頁切版練習.
雞蛋糕網頁切版練習
Cover of 雞蛋糕品牌設計.
雞蛋糕品牌設計
Cover of 畢業製作-入伍生洞兩三.
畢業製作-入伍生洞兩三
Cover of 資訊月海報設計.
資訊月海報設計