阿川私房教材:學程式,拿 offer!

63 個專案實戰,直接上手!
無需補習,按步驟打造你的面試作品。

立即解鎖你的轉職秘笈

我出於教育目的開發了一個 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 則留言


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

阿川私房教材:學程式,拿 offer!

63 個專案實戰,直接上手!
無需補習,按步驟打造你的面試作品。

立即解鎖你的轉職秘笈