mirror of
https://github.com/handsomezhuzhu/AeroStart.git
synced 2026-02-20 12:00:15 +00:00
- Move all source files from root to src/ directory for better organization - Create src/config/searchEngines.ts to centralize search engine configurations - Define unified SearchEngineConfig interface - Support both JSONP and Fetch request methods - Implement response parsers for Google, Baidu, Bing, DuckDuckGo, and Bilibili - Refactor src/utils/suggestions.ts to use centralized config - Simplify code from 126 lines to 81 lines - Support hybrid JSONP/Fetch mode (Bilibili uses Fetch via Vite proxy) - Remove duplicate URL construction and parsing logic - Update path alias configuration - Change @/* from ./* to ./src/* in tsconfig.json - Update vite.config.ts alias to point to ./src - Add Bilibili proxy configuration in vite.config.ts for development - Remove Bilibili rewrites from vercel.json (use Vite proxy instead) - Add @vercel/node to devDependencies - Remove unused files: README.md, i18n/README.md, metadata.json, vite-env.d.ts 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
2.8 KiB
2.8 KiB
AeroStart
A modern, customizable browser start page with elegant search experience and personalized settings.
✨ Features
- 🎨 Multi-Theme Support - 8 preset theme colors to choose from
- 🖼️ Custom Wallpapers - Support for image and video backgrounds with multiple fit modes
- 🔍 Multiple Search Engines - Built-in Google, Baidu, Bing, DuckDuckGo, Bilibili
- ⏰ Real-time Clock - Support for 12/24 hour format with optional seconds display
- 🎭 Dynamic Blur - Background automatically blurs during search for enhanced focus
- 💾 Local Storage - All settings automatically saved to browser local storage
- 📱 Responsive Design - Perfect adaptation to all screen sizes
- 🎬 Smooth Animations - Carefully designed transitions and interactive animations
🚀 Quick Start
Deploy to Vercel
Click the button above to deploy your own instance of AeroStart to Vercel in minutes.
Local Development
Prerequisites: Node.js 16+
Install Dependencies
pnpm install
Run Development Server
pnpm dev
Visit http://localhost:3000 to view the application.
Build for Production
pnpm build
🎯 Usage Guide
Search Functionality
- Enter keywords in the search box and press Enter to search
- Click the icon on the left side of the search box to switch search engines
- Background automatically blurs during search to enhance focus
Settings Panel
- Right-click the background to enter Dashboard mode
- Click the settings icon in the top right corner to open the settings panel
- Customizable options:
- Clock format (12/24 hour)
- Background wallpaper (preset or custom URL)
- Theme color
- Search box opacity
- Background blur intensity
Wallpaper Settings
- Support for image and video backgrounds
- 5 fit modes: Cover, Contain, Fill, Center, Repeat
- Add custom wallpaper URLs
🛠️ Tech Stack
- Framework: React 19
- Build Tool: Vite 6
- Language: TypeScript
- Styling: Tailwind CSS
📁 Project Structure
AeroStart/
├── components/ # React components
│ ├── Clock.tsx # Clock component
│ ├── SearchBox.tsx # Search box component
│ ├── SettingsModal.tsx # Settings panel
│ └── ...
├── utils/ # Utility functions
├── context/ # React Context
├── constants.ts # Constants configuration
├── types.ts # TypeScript type definitions
├── App.tsx # Main application component
└── index.tsx # Application entry point
📄 License
MIT License
🤝 Contributing
Issues and Pull Requests are welcome!