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

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

Deploy with 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!