https://github.com/chefski/phonesearchai-web
https://github.com/chefski/phonesearchai-web
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/chefski/phonesearchai-web
- Owner: Chefski
- License: mit
- Created: 2025-03-20T09:10:06.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-01T08:55:28.000Z (about 1 year ago)
- Last Synced: 2025-10-09T10:03:25.158Z (8 months ago)
- Language: Vue
- Size: 415 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
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
- [Nuxt.js](https://nuxt.com/) - Vue.js framework
- [Vue 3](https://vuejs.org/) - Progressive JavaScript framework
- [Tailwind CSS](https://tailwindcss.com/) - Utility-first CSS framework
- [Shadcn-Nuxt](https://www.shadcn-vue.com/) - UI component library
- [Motion-v](https://motion-v.github.io/motion/) - Animation library for Vue
## Setup
Make sure to install dependencies:
```bash
# npm
npm install
# pnpm
pnpm install
# yarn
yarn install
# bun
bun install
```
## Development Server
Start the development server on `http://localhost:3000`:
```bash
# npm
npm run dev
# pnpm
pnpm dev
# yarn
yarn dev
# bun
bun run dev
```
## Production
Build the application for production:
```bash
# npm
npm run build
# pnpm
pnpm build
# yarn
yarn build
# bun
bun run build
```
Locally preview production build:
```bash
# 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](.github/LICENSE.md)