Log In
Sign Up
Jobs
Job Search
Explore all available job openings across industries and locations.
Company Search
Find your dream jobs categorized by company names.
Themed Jobs
Discover job opportunities organized by specific themes or industries.
Download our App
Tools
Resume
Create your job-winning resume using our free resume builder.
Portfolio
Showcase your skills and projects with a professional portfolio.
Resume
Create your job-winning resume using our free resume builder.
Resume Builder
Make a resume for free.
Resume Templates
Access our extensive library of professional & ready-to-use templates.
Resume Examples
Get inspired by real resume examples to create your own.
Occupation Guide
Access resume writing guides tailored for different professions.
Resume Help
Get expert advice on all things resume from our team of recruitment specialists.
Portfolio
Showcase your skills and projects with a professional portfolio.
Portfolio Maker
Create a professional portfolio to highlight your skills and projects.
Portfolio Gallery
Browse through our collection of real portfolios for inspiration and networking.
Resources
Articles
Read insightful articles on career development, job search strategies, and more.
View All Articles
Job Search Guide
Resume & CV
Cover Letter
Portfolio
Interview Skills
Job Search Tips
Industry & Job Overview
Career Guidance
Career Planning
Career Tools
Career Development
Personal Branding
Success Stories
Success Stories
Business Excellence
People Operations
Recruitment & HR
About CakeResume
People & Culture
News & Updates
Events
Featured Reads
Resume & CV
What to Write in an Email When Sending a Resume [+ Examples & Tips]
Read More
Hire
Talent Search
Find Resumes.
Job Posting
Start for Free.
Recruitment Service
Acquire Talent.
Employer of Record (EOR)
Empower Your Business in Taiwan.
Employer Branding
Build and promote your employer brand.
Pricing
Job Posting Plans
Talent Search Plans
Resume Builder Plans
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.
Download our App
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
藍奕欣
蛋糕店購物網站前台 - CAKE SHOP
蛋糕店購物網站前台 - CAKE SHOP
蛋糕店購物網站前台 - CAKE SHOP
By
藍奕欣
前端工程師 Frontend Engineer
・
Taipei City, Taiwan
Connect
蛋糕店購物網站前台 - CAKE SHOP
https://github.com/ysl0628/react_shopping_project
JavaScript 工具庫 :React 18 使用 React Router v6 完成 SPA 使用 Bootstrap 作為樣式設計框架 使用 RTK Query 管理資料以及串接 API 資料 專案為一蛋糕購物網站,包含首頁、登入註冊頁面、商品頁面、購物車頁面、結帳頁面及訂單頁面。 登入頁面:登入成功後接收 server 回傳的 JWT 存放於 local storage 中作為權限驗證。 商品頁面:以 createPortal 方式渲染 backdrop 組件,作為點選查看資訊後呈現出 Modal 的效果。 購物車頁面:使用 RTK Query 管理購物車內容,與 local storage 同步,實現刷新頁面還原購物車清單。 結帳頁面:使用 custom hook 實現可複用的驗證架構搭配 Regex ,簡潔的複用於任何驗證欄位。 訂單頁面:訂單完成後串接 API ,頁面發出請求更新訂單內容。
Report
Please login to comment.
Post
藍奕欣
Connect
Published: Aug 16th 2022
58
4
0
Tools
Redux
React
Bootstrap
Share
Other works from
藍奕欣
2023 ithome 鐵人賽 sideProject30 組別
Nest.js API Demo
訂房網站全端專案
Real time messenger
Instagram clone and story