Files
AeroStart/README.md
ZyphrZero 2993f9b859 ♻️ refactor: reorganize project structure and centralize search engine config
- 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>
2025-12-05 10:41:17 +08:00

101 lines
2.8 KiB
Markdown

# 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
[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/yourusername/AeroStart)
Click the button above to deploy your own instance of AeroStart to Vercel in minutes.
### Local Development
**Prerequisites:** Node.js 16+
### Install Dependencies
```bash
pnpm install
```
### Run Development Server
```bash
pnpm dev
```
Visit `http://localhost:3000` to view the application.
### Build for Production
```bash
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!