PhoneSearchAI is a modern web application built with Nuxt.js that helps users search for phone specifications and compare multiple phone models. The application provides an intuitive interface for exploring phone features with customizable focus areas.
- Search for detailed specifications of any smartphone model
- Get comprehensive information about phone features
- View sources for the information provided
- Compare up to multiple phone models side by side
- Customize comparison focus areas:
- Camera capabilities
- Gaming performance
- Display quality
- Battery life
- Or view everything at once
- Adjust the number of sources used for comparison
- Clean, modern UI built with Tailwind CSS and Shadcn UI components
- Responsive design that works on desktop and mobile devices
- Intuitive tab-based navigation between specs and comparison modes
- Nuxt.js - Vue.js framework
- Vue 3 - Progressive JavaScript framework
- Tailwind CSS - Utility-first CSS framework
- Shadcn-Nuxt - UI component library
- Motion-v - Animation library for Vue
Make sure to install dependencies:
# npm
npm install
# pnpm
pnpm install
# yarn
yarn install
# bun
bun installStart the development server on http://localhost:3000:
# npm
npm run dev
# pnpm
pnpm dev
# yarn
yarn dev
# bun
bun run devBuild the application for production:
# npm
npm run build
# pnpm
pnpm build
# yarn
yarn build
# bun
bun run buildLocally preview production build:
# npm
npm run preview
# pnpm
pnpm preview
# yarn
yarn preview
# bun
bun run previewUse the Specs tab to search for detailed information about a specific phone model:
- Click on the "Specs" tab
- Type your question about a phone model (e.g., "What are the camera specs of the iPhone 15 Pro?")
- View the detailed specifications and sources
Use the Compare tab to compare multiple phone models:
- Click on the "Compare" tab
- Enter the names of the phones you want to compare
- Customize your focus areas using the focus options
- Adjust the number of sources as needed
- Submit your comparison request