Skip to content

Repository files navigation

App Spotlight

一個模仿 App Store 風格的應用展示平台,使用 Next.js 和 Tailwind CSS 構建。

功能特點

  • 🎯 無限滾動加載
  • 🔍 即時搜索功能
  • 📱 響應式設計
  • 🎨 現代化 UI 設計
  • 💫 平滑的動畫效果
  • 🔄 即時數據更新

技術棧

  • Next.js 15
  • React 19
  • TypeScript
  • Redux Toolkit
  • Ant Design
  • Tailwind CSS
  • Jest
  • React Testing Library

主要功能

應用列表

  • 無限滾動加載更多應用
  • 應用卡片展示
  • 點擊查看詳細信息
  • 排名顯示

推薦應用

  • 網格布局展示
  • 懸停預覽效果
  • 詳細信息模態框
  • 評分系統

搜索功能

  • 即時搜索
  • 模糊匹配
  • 優雅的動畫效果

安裝和運行

  1. 克隆專案
git clone [repository-url]
cd app-spotlight
  1. 安裝依賴
npm install
  1. 運行開發服務器
npm run dev
  1. 打開瀏覽器訪問
http://localhost:3000

開發狀態

目前專案處於開發階段,主要功能已經實現:

  • ✅ 基礎架構搭建
  • ✅ 應用列表展示
  • ✅ 搜索功能
  • ✅ 推薦應用展示
  • ✅ 響應式設計
  • ✅ 動畫效果

待優化項目

  • 添加應用詳情頁面
  • 實現應用分類功能
  • 添加用戶評分系統
  • 優化性能
  • 添加單元測試
  • 完善錯誤處理

貢獻指南

歡迎提交 Issue 和 Pull Request 來幫助改進這個專案。

授權

MIT License

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

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.

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages