一個模仿 App Store 風格的應用展示平台,使用 Next.js 和 Tailwind CSS 構建。
- 🎯 無限滾動加載
- 🔍 即時搜索功能
- 📱 響應式設計
- 🎨 現代化 UI 設計
- 💫 平滑的動畫效果
- 🔄 即時數據更新
- Next.js 15
- React 19
- TypeScript
- Redux Toolkit
- Ant Design
- Tailwind CSS
- Jest
- React Testing Library
- 無限滾動加載更多應用
- 應用卡片展示
- 點擊查看詳細信息
- 排名顯示
- 網格布局展示
- 懸停預覽效果
- 詳細信息模態框
- 評分系統
- 即時搜索
- 模糊匹配
- 優雅的動畫效果
- 克隆專案
git clone [repository-url]
cd app-spotlight- 安裝依賴
npm install- 運行開發服務器
npm run dev- 打開瀏覽器訪問
http://localhost:3000
目前專案處於開發階段,主要功能已經實現:
- ✅ 基礎架構搭建
- ✅ 應用列表展示
- ✅ 搜索功能
- ✅ 推薦應用展示
- ✅ 響應式設計
- ✅ 動畫效果
- 添加應用詳情頁面
- 實現應用分類功能
- 添加用戶評分系統
- 優化性能
- 添加單元測試
- 完善錯誤處理
歡迎提交 Issue 和 Pull Request 來幫助改進這個專案。
MIT License
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.