🔧 阿川の電商水電行
Shopify 顧問、維護與客製化
💡
小任務 / 單次支援方案
單次處理 Shopify 修正/微調
⭐️
維護方案
每月 Shopify 技術支援 + 小修改 + 諮詢
🚀
專案建置
Shopify 功能導入、培訓 + 分階段交付

我出於教育目的開發了一個 Windows 11 克隆 Web 應用程式,並希望與社區分享。該應用程式的前端使用 React.js 建置。

該應用程式試圖模仿 Windows 11 的一些功能,包括:

  • 互動式桌面環境

  • 帶有開始功能表和搜尋功能的工作列

  • 打開各種應用程式並與之交互,例如:

  • Chrome :像在真正的瀏覽器中一樣上網衝浪

  • 計算器:執行基本算術運算

  • VS Code :虛擬編碼環境

  • Emoji Tic-Tac-Toe :使用表情符號玩有趣的遊戲

  • Spotify :享受模擬音樂播放器介面

  • 關於我:了解開發商

  • 使用工作列在開啟的應用程式之間切換

  • 可拖曳視窗來模擬真實的桌面環境

  • 模擬登入畫面(輸入任何憑證進行存取)

其他特性:

  • 適用於桌面和行動裝置的響應式前端

  • 採用現代網路技術建置,提供流暢的互動式使用者體驗

技術棧:

  • 前端:React.js、Tailwind CSS、React Router DOM、Framer Motion、React Draggable

如需原始程式碼和演示,請造訪我的 GitHub 儲存庫:

圖片描述

如果您覺得這個專案有用,請給我一個 ⭐ GitHub star ⭐,以表彰我的努力!


原文出處:https://dev.to/misery666/windows-11-clone-with-reactjs-497j


精選技術文章翻譯,幫助開發者持續吸收新知。
按讚的人:

共有 0 則留言


精選技術文章翻譯,幫助開發者持續吸收新知。
🏆 本月排行榜
🥇
站長阿川
📝22   💬9   ❤️4
712
🥈
我愛JS
📝4   💬13   ❤️7
255
🥉
御魂
💬1  
3
#5
2
評分標準:發文×10 + 留言×3 + 獲讚×5 + 點讚×1 + 瀏覽數÷10
本數據每小時更新一次
🔧 阿川の電商水電行
Shopify 顧問、維護與客製化
💡
小任務 / 單次支援方案
單次處理 Shopify 修正/微調
⭐️
維護方案
每月 Shopify 技術支援 + 小修改 + 諮詢
🚀
專案建置
Shopify 功能導入、培訓 + 分階段交付