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
Zong-Rong Huang
ASMR Player
ASMR Player
ASMR Player
By
Zong-Rong Huang
Frontend web developer/Technical writer
・
Taipei City, Taiwan
Connect
GitHub: https://github.com/zongronghuang/asmr-player ======================================================= Demo: https://asmr-player-312716.web.app ======================================================= 內含 ASMR 效果的音訊及相符的背景圖片 (從 Unsplash 隨機取得),為使用者營造視覺及聽覺上皆帶來沉浸式的放鬆體驗。 採用 React 前端框架及 React 生態系函式庫打造的應用程式。使用 Firebase 進行部署、使用者身份驗證及存取音訊資源,採用 serverless 架構達成前後端分離。 ======================================================= - 從 Firebase Cloud Storage 存取八種環境音效 - 可在兩種背景中切換:CSS 動態漸層背景及 Unsplash 相片 - 可拖曳的音樂播放控制器面板,提供三種播放模式 (專輯循環播放、單曲循環播放及隨機播放) - 具備動畫效果的側邊選單,能夠切換背景圖片及取得更多圖片資訊 - 採用 Facebook 及 Google 提供的使用者驗證機制 (透過 Firebase API 達成),搭配 react-router-dom 進行設計 - 可離線使用 (顯示 CSS 動態漸層背景) 及連線使用 (隨機取得 Unsplash 圖片) - 使用 React Hooks、自訂 Hook 及利用Emotion.js 建立的 styled components - 使用 Firebase 部署、使用者驗證及雲端儲存空間,在 serverless 架構下達成前後端分離的設計 - 採用嚮應式設計,符合桌面及行動裝置使用
Report
Please login to comment.
Post
Zong-Rong Huang
Connect
Published: Oct 23rd 2021
88
6
0
Tools
Redux
GitHub
Git
npm
Google
Facebook
CSS3
HTML5
JavaScript
React
html
css
serverless
redux
Firebase
audio
Unsplash
Emotion.js
React.js
media
ASMR
Share
Other works from
Zong-Rong Huang
Spanish Verb Conjugator