Chefski/phoneSearchAI-Web

★ 0Forks 0VueGitHub ↗Compare

README

PhoneSearchAI

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.

Features

Phone Specifications Search

  • Search for detailed specifications of any smartphone model
  • Get comprehensive information about phone features
  • View sources for the information provided

Phone Comparison

  • 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

User Interface

  • 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

Tech Stack

Setup

Make sure to install dependencies:

# npm
npm install

# pnpm
pnpm install

# yarn
yarn install

# bun
bun install

Development Server

Start the development server on http://localhost:3000:

# npm
npm run dev

# pnpm
pnpm dev

# yarn
yarn dev

# bun
bun run dev

Production

Build the application for production:

# npm
npm run build

# pnpm
pnpm build

# yarn
yarn build

# bun
bun run build

Locally preview production build:

# npm
npm run preview

# pnpm
pnpm preview

# yarn
yarn preview

# bun
bun run preview

Usage

Specs Tab

Use the Specs tab to search for detailed information about a specific phone model:

  1. Click on the "Specs" tab
  2. Type your question about a phone model (e.g., "What are the camera specs of the iPhone 15 Pro?")
  3. View the detailed specifications and sources

Compare Tab

Use the Compare tab to compare multiple phone models:

  1. Click on the "Compare" tab
  2. Enter the names of the phones you want to compare
  3. Customize your focus areas using the focus options
  4. Adjust the number of sources as needed
  5. Submit your comparison request

License

MIT License

Contributors

Chefski

Issues